From 40d34a74a7858a79095e6a9cf1545f9b0f2b9393 Mon Sep 17 00:00:00 2001
From: "L. E. Segovia" <13498015+amyspark@users.noreply.github.com>
Date: Wed, 12 Dec 2018 02:27:34 +0000
Subject: [PATCH] Make Mute modal accessible

---
 .../TimelineSpace/Modals/MuteConfirm.vue        | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/src/renderer/components/TimelineSpace/Modals/MuteConfirm.vue b/src/renderer/components/TimelineSpace/Modals/MuteConfirm.vue
index 17228aaf..9916c957 100644
--- a/src/renderer/components/TimelineSpace/Modals/MuteConfirm.vue
+++ b/src/renderer/components/TimelineSpace/Modals/MuteConfirm.vue
@@ -5,12 +5,11 @@
   width="400px"
   custom-class="mute-confirm"
   >
-  <div class="description">
-    <span class="label">
-      {{ $t('modals.mute_confirm.body') }}
-    </span>
-    <el-switch v-model="notify"></el-switch>
-  </div>
+  <el-form class="description">
+    <el-form-item for="notify" :label="$t('modals.mute_confirm.body')">
+      <el-switch id="notify" v-model="notify"></el-switch>
+    </el-form-item>
+  </el-form>
   <span slot="footer" class="dialog-footer">
     <el-button @click="closeModal">{{ $t('modals.mute_confirm.cancel') }}</el-button>
     <el-button type="primary" @click="submit">{{ $t('modals.mute_confirm.ok') }}</el-button>
@@ -56,11 +55,5 @@ export default {
 <style lang="scss" scoped>
 .description {
   text-align: center;
-
-  .label {
-    font-size: 14px;
-    color: #606266;
-    padding: 0 32px 0 0;
-  }
 }
 </style>