From 287e46d8605063f86805829ff3259acc4cf933d8 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Fri, 14 Feb 2020 23:12:48 +0300
Subject: [PATCH] Remove style tags from components

---
 src/views/settings/components/Inputs.vue | 8 ++++----
 src/views/settings/styles/main.scss      | 6 ++++++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index ad7fa9ea..957e35ab 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="input-container">
-    <div v-if="setting.type === 'keyword'" style="width:100%">
+    <div v-if="setting.type === 'keyword'" class="keyword-container">
       <el-form-item :label-width="customLabelWidth" :class="labelClass" :style="`margin-left:${margin}px;margin-bottom:0`" class="settings-input">
         <span slot="label">
           {{ setting.label }}
           <el-tooltip v-if="canBeDeleted && isDesktop" :content="$t('settings.removeFromDB')" placement="bottom-end">
-            <el-button icon="el-icon-delete" circle size="mini" style="margin-left:5px" @click="removeSetting"/>
+            <el-button icon="el-icon-delete" circle size="mini" class="delete-setting-button" @click="removeSetting"/>
           </el-tooltip>
         </span>
       </el-form-item>
@@ -22,10 +22,10 @@
       </el-form-item>
     </div>
     <el-form-item v-if="setting.type !== 'keyword'" :label-width="customLabelWidth" :class="labelClass" class="settings-input">
-      <span slot="label" :style="`margin-left:${margin}px`">
+      <span slot="label">
         {{ setting.label }}
         <el-tooltip v-if="canBeDeleted && isDesktop" :content="$t('settings.removeFromDB')" placement="bottom-end">
-          <el-button icon="el-icon-delete" circle size="mini" style="margin-left:5px" @click="removeSetting"/>
+          <el-button icon="el-icon-delete" circle size="mini" class="delete-setting-button" @click="removeSetting"/>
         </el-tooltip>
       </span>
       <el-input
diff --git a/src/views/settings/styles/main.scss b/src/views/settings/styles/main.scss
index 9c1aefd8..48c958c7 100644
--- a/src/views/settings/styles/main.scss
+++ b/src/views/settings/styles/main.scss
@@ -14,6 +14,9 @@
     font-family: monospace;
     padding: 0 3px 0 3px;
   }
+  .delete-setting-button {
+    margin-left: 5px;
+  }
   .description > p {
     font-size: 14px;
     color: #606266;
@@ -114,6 +117,9 @@
       width: 100%;
     }
   }
+  .keyword-container {
+    width: 100%
+  }
   label {
     overflow: hidden;
     text-overflow: ellipsis;