From 9b2c7282511c56bb5d6f7add9e00ec9c6b385537 Mon Sep 17 00:00:00 2001 From: Eugen Rochko Date: Sat, 28 Jan 2017 21:57:03 +0100 Subject: [PATCH] Fix settings design on mobile --- app/assets/stylesheets/admin.scss | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss index 8de42d6808..d834096f4a 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 {