mastofe

commit: 9b2c7282511c56bb5d6f7add9e00ec9c6b385537
parent: 23b997ae55655ccae6a9a9e424a3596c9165a481
Author: Eugen Rochko <eugen@zeonfederated.com>
Date:   Sat, 28 Jan 2017 21:57:03 +0100

Fix settings design on mobile

Diffstat:
M
app/assets/stylesheets/admin.scss
24
++++++++++++++++++++++++

1 file changed, 24 insertions(+), 0 deletions(-)
diff --git 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 {