Fix settings design on mobile

1 files changed, 24 insertions, 0 deletions

diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 8de42d680..d834096f4 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -108,6 +108,30 @@
   .simple_form {
     max-width: 400px;
   }
+
+  @media screen and (max-width: 600px) {
+    display: block;
+    overflow-y: auto;
+
+    .sidebar-wrapper, .content-wrapper {
+      flex: 0 0 auto;
+      height: auto;
+    }
+
+    .sidebar {
+      width: 100%;
+      padding: 10px 0;
+      height: auto;
+
+      .logo {
+        margin: 20px auto;
+      }
+    }
+
+    .content {
+      padding-top: 20px;
+    }
+  }
 }
 
 .filters {