From 7e5ba290304ab6a640dc8ddced37d2bf4ab59cfa Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Thu, 30 Jan 2020 17:36:35 +0300
Subject: [PATCH] Adapt settings styles to wide screens

---
 src/views/settings/index.vue        |  6 ++++++
 src/views/settings/styles/main.scss | 13 +++++++++++--
 2 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/src/views/settings/index.vue b/src/views/settings/index.vue
index 1e5c25e9..d13dbe81 100644
--- a/src/views/settings/index.vue
+++ b/src/views/settings/index.vue
@@ -141,4 +141,10 @@ export default {
       margin: 22px 0 0 15px;
     }
   }
+  @media only screen and (min-width: 1824px) {
+    .settings-container {
+      max-width: 1600px;
+      margin: auto;
+    }
+  }
 </style>
diff --git a/src/views/settings/styles/main.scss b/src/views/settings/styles/main.scss
index d0594549..31580800 100644
--- a/src/views/settings/styles/main.scss
+++ b/src/views/settings/styles/main.scss
@@ -191,6 +191,15 @@
     margin-right: 10px
   }
 
+  @media only screen and (min-width: 1824px) {
+    .submit-button-container {
+      max-width: 1413px;
+      margin-left: auto;
+      margin-right: auto;
+      right: auto;
+    }
+  }
+
   @media only screen and (max-width: 760px),
     (min-device-width: 768px) and (max-device-width: 1024px) {
     .el-form-item {
@@ -212,8 +221,8 @@
       overflow: hidden;
     }
     .name-input {
-    width: 40%;
-    margin-right: 5px
+      width: 40%;
+      margin-right: 5px
     }
     p.expl {
       line-height: 20px;