From c55c642d4596328e531e13468ffb6c05bb54627e Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 16 Feb 2020 23:11:13 +0300
Subject: [PATCH] Fix styles

---
 src/views/settings/components/Inputs.vue          |  2 +-
 .../components/inputComponents/MascotsInput.vue   |  6 +++---
 src/views/settings/styles/main.scss               | 15 ++++++++++-----
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/src/views/settings/components/Inputs.vue b/src/views/settings/components/Inputs.vue
index f03d8567..da86c8e4 100644
--- a/src/views/settings/components/Inputs.vue
+++ b/src/views/settings/components/Inputs.vue
@@ -45,7 +45,7 @@
           :value="inputValue === null ? undefined : inputValue"
           :placeholder="setting.suggestions ? setting.suggestions[0].toString() : null"
           :min="0"
-          :size="isDesktop ? 'large' : 'small'"
+          :size="isDesktop ? 'large' : 'medium'"
           @change="update($event, settingGroup.group, settingGroup.key, settingParent, setting.key, setting.type, nested)"/>
         <el-select
           v-if="setting.type === 'module' || (setting.type.includes('atom') && setting.type.includes('dropdown'))"
diff --git a/src/views/settings/components/inputComponents/MascotsInput.vue b/src/views/settings/components/inputComponents/MascotsInput.vue
index a409e5c4..8b5fbf62 100644
--- a/src/views/settings/components/inputComponents/MascotsInput.vue
+++ b/src/views/settings/components/inputComponents/MascotsInput.vue
@@ -1,16 +1,16 @@
 <template>
   <div>
     <div v-for="mascot in data" :key="getId(mascot)" class="mascot-container">
-      <el-form-item label="Name" label-width="85px">
+      <el-form-item label="Name" label-width="85px" class="mascot-form-item">
         <div class="mascot-name-container">
           <el-input :value="getName(mascot)" placeholder="Name" class="mascot-name-input" @input="parseMascots($event, 'name', mascot)"/>
           <el-button :size="isDesktop ? 'medium' : 'mini'" class="icon-minus-button" icon="el-icon-minus" circle @click="deleteMascotsRow(mascot)"/>
         </div>
       </el-form-item>
-      <el-form-item label="URL" label-width="85px">
+      <el-form-item label="URL" label-width="85px" class="mascot-form-item">
         <el-input :value="getUrl(mascot)" placeholder="URL" class="mascot-input" @input="parseMascots($event, 'url', mascot)"/>
       </el-form-item>
-      <el-form-item label="Mime type" label-width="85px">
+      <el-form-item label="Mime type" label-width="85px" class="mascot-form-item">
         <el-input :value="getMimeType(mascot)" placeholder="Mime type" class="mascot-input" @input="parseMascots($event, 'mimeType', mascot)"/>
       </el-form-item>
     </div>
diff --git a/src/views/settings/styles/main.scss b/src/views/settings/styles/main.scss
index e908e554..aa8c4b75 100644
--- a/src/views/settings/styles/main.scss
+++ b/src/views/settings/styles/main.scss
@@ -296,7 +296,7 @@
   @media only screen and (max-width: 760px),
     (min-device-width: 768px) and (max-device-width: 1024px) {
     .delete-setting-button {
-      margin-left: 5px;
+      margin: 4px 0 0 5px;
       height: 28px;
     }
     .delete-setting-button-container {
@@ -338,17 +338,22 @@
         margin: 0;
         padding: 0 15px 10px 0;
       }
+      .el-form-item:first-child .mascot-form-item {
+        padding: 0;
+      }
+      .el-form-item:first-child .rate-limit {
+        padding: 0;
+      }
       .settings-delete-button {
-        margin: 4px 7px 0 -5px;
+        margin: 4px 15px 0 -5px;
       }
     }
     .input-row {
       display: flex;
-      align-items: center;
       justify-content: space-between;
     }
     .limit-input {
-      width: 46%;
+      width: 40%;
     }
     .proxy-url-input {
       flex-direction: column;
@@ -376,7 +381,7 @@
       float: left;
     }
     .scale-input {
-      width: 46%;
+      width: 40%;
     }
     .setting-label {
       display: flex;