From bd10f0235b960aa226c4bd6f970ec2102a5dac1d Mon Sep 17 00:00:00 2001
From: vincent <vincent@sleede.com>
Date: Wed, 12 Oct 2022 18:20:36 +0200
Subject: [PATCH] (ui) fix store settings layout

---
 .../stylesheets/modules/store/store-settings.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/frontend/src/stylesheets/modules/store/store-settings.scss b/app/frontend/src/stylesheets/modules/store/store-settings.scss
index 14fed2ea4..a6a8e31ba 100644
--- a/app/frontend/src/stylesheets/modules/store/store-settings.scss
+++ b/app/frontend/src/stylesheets/modules/store/store-settings.scss
@@ -11,14 +11,19 @@
     grid-column: 2 / -2;
   }
   form {
-    grid-column: 1 / -1;
-    display: flex;
-    .setting-section {
-      margin: 1rem 2rem;
-      width: 50%;
+    grid-column: 2 / -2;
+    @include grid-col(2);
+    gap: 2.4rem 3.2rem;
+
+    .setting-section { grid-column: 1 / -1; }
+    @media (min-width: 1024px) {
+      .setting-section { grid-column: span 1; }
     }
+
     .section-title { @include title-base; }
     .save-btn {
+      grid-column: 1 / -1;
+      justify-self: flex-start;
       background-color: var(--main);
       color: var(--gray-soft-lightest);
       border: none;