From: Eugen Rochko <eugen@zeonfederated.com>
Date: Sat, 28 Jan 2017 20:57:03 +0000 (+0100)
Subject: Fix settings design on mobile
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=9b2c7282511c56bb5d6f7add9e00ec9c6b385537;p=mastodon.git

Fix settings design on mobile
---

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 {