From 81f050f9aa437ddd0ca9b77584161b370307c948 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Sun, 22 Mar 2020 20:44:08 +0300
Subject: [PATCH 1/4] Fix tablet width

---
 src/views/settings/styles/main.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/settings/styles/main.scss b/src/views/settings/styles/main.scss
index 884ad08e..d5b42777 100644
--- a/src/views/settings/styles/main.scss
+++ b/src/views/settings/styles/main.scss
@@ -541,7 +541,7 @@
       margin-right: 8px
     }
   }
-  @media only screen and (max-width:801px) and (min-width: 481px) {
+  @media only screen and (max-width:818px) and (min-width: 481px) {
     .delete-setting-button {
       margin: 4px 0 0 10px;
       height: 28px;

From 8e3256ad9e77bb7638164f8d694bd648390fef88 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 24 Mar 2020 15:41:28 +0300
Subject: [PATCH 2/4] Fix styles for submit button with wide screen

---
 src/views/settings/styles/main.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/views/settings/styles/main.scss b/src/views/settings/styles/main.scss
index d5b42777..7cca8c61 100644
--- a/src/views/settings/styles/main.scss
+++ b/src/views/settings/styles/main.scss
@@ -267,6 +267,7 @@
   .settings-header-container {
     display: flex;
     height: 36px;
+    max-width: 1728px;
     justify-content: space-between;
     align-items: center;
     margin: 22px 30px 15px 15px;
@@ -330,8 +331,12 @@
   }
 
   @media only screen and (min-width: 1824px) {
+    .form-container {
+      max-width: 1586px;
+    }
     .submit-button-container {
-      max-width: 1637px;
+      width: 100%;
+      max-width: inherit;
       margin-left: auto;
       margin-right: auto;
       right: auto;

From b15f88947d6d1de43b1d8beb3610b31843e937f6 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 24 Mar 2020 19:14:36 +0300
Subject: [PATCH 3/4] Fix styles for wide screen when sidebar menu is open

---
 src/views/settings/components/Instance.vue |  5 ++++-
 src/views/settings/index.vue               |  7 +++++--
 src/views/settings/styles/main.scss        | 12 ++++++++++--
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/views/settings/components/Instance.vue b/src/views/settings/components/Instance.vue
index a426323e..0d4963b7 100644
--- a/src/views/settings/components/Instance.vue
+++ b/src/views/settings/components/Instance.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="!loading" class="form-container">
+  <div v-if="!loading" :class="isSidebarOpen" class="form-container">
     <el-form ref="instanceData" :model="instanceData" :label-width="labelWidth">
       <setting :setting-group="instance" :data="instanceData"/>
     </el-form>
@@ -82,6 +82,9 @@ export default {
     isMobile() {
       return this.$store.state.app.device === 'mobile'
     },
+    isSidebarOpen() {
+      return this.$store.state.app.sidebar.opened ? 'sidebar-opened' : 'sidebar-closed'
+    },
     isTablet() {
       return this.$store.state.app.device === 'tablet'
     },
diff --git a/src/views/settings/index.vue b/src/views/settings/index.vue
index 048939a3..02ae3774 100644
--- a/src/views/settings/index.vue
+++ b/src/views/settings/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="settings-container">
     <div v-if="isDesktop">
-      <div class="settings-header-container">
+      <div :class="isSidebarOpen" class="settings-header-container">
         <h1 class="settings-header">{{ $t('settings.settings') }}</h1>
         <div>
           <el-tooltip v-if="needReboot" :content="$t('settings.restartApp')" placement="bottom-end">
@@ -47,7 +47,7 @@
       </el-tabs>
     </div>
     <div v-if="isMobile || isTablet">
-      <div class="settings-header-container">
+      <div :class="isSidebarOpen" class="settings-header-container">
         <h1 class="settings-header">{{ $t('settings.settings') }}</h1>
         <el-button v-if="needReboot" class="settings-reboot-button" @click="restartApp">
           <span>
@@ -196,6 +196,9 @@ export default {
     isMobile() {
       return this.$store.state.app.device === 'mobile'
     },
+    isSidebarOpen() {
+      return this.$store.state.app.sidebar.opened ? 'header-sidebar-opened' : 'header-sidebar-closed'
+    },
     isTablet() {
       return this.$store.state.app.device === 'tablet'
     },
diff --git a/src/views/settings/styles/main.scss b/src/views/settings/styles/main.scss
index 7cca8c61..6475e409 100644
--- a/src/views/settings/styles/main.scss
+++ b/src/views/settings/styles/main.scss
@@ -264,10 +264,15 @@
   .settings-header {
     margin: 0;
   }
+  .header-sidebar-opened {
+    max-width: 1585px;
+  }
+  .header-sidebar-closed {
+    max-width: 1728px;
+  }
   .settings-header-container {
     display: flex;
     height: 36px;
-    max-width: 1728px;
     justify-content: space-between;
     align-items: center;
     margin: 22px 30px 15px 15px;
@@ -331,9 +336,12 @@
   }
 
   @media only screen and (min-width: 1824px) {
-    .form-container {
+    .sidebar-closed {
       max-width: 1586px;
     }
+    .sidebar-opened {
+      max-width: 1442px;
+    }
     .submit-button-container {
       width: 100%;
       max-width: inherit;

From c99e47e098d94f492f51a881de75062cc1923d63 Mon Sep 17 00:00:00 2001
From: Angelina Filippova <linakirsanova@gmail.com>
Date: Tue, 24 Mar 2020 19:18:07 +0300
Subject: [PATCH 4/4] Update Changelog

---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e3c7f132..17a011a9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -15,6 +15,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 ### Fixed
 
 - Fix parsing tuples in Pleroma.Upload.Filter.Mogrify and Pleroma.Emails.Mailer settings
+- Fix settings submit button position on wide screens when sidebar menu is open
 
 ## [2.0] - 2020-02-27