From 2ac0d49f2f086a5aa501d30b444cf5cbd556e844 Mon Sep 17 00:00:00 2001 From: mntmn Date: Wed, 8 Apr 2020 21:29:16 +0200 Subject: [PATCH] quick mobile responsiveness fix --- public/stylesheets/style.css | 15 +++++++++++++++ styles/landing.scss | 23 +++++++++++++++++++++++ 2 files changed, 38 insertions(+) diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index ea497e0..29ff791 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -15997,6 +15997,21 @@ body:not(.present-mode) #space .artifact.selected { margin-top: 100px; margin-bottom: 100px; } +@media screen and (max-width: 1000px) { + #landing section { + margin-left: 20px; + margin-right: 20px; } + .footer { + margin-left: 20px; + margin-right: 20px; } + .header-right { + right: auto; + padding-left: 10px; + padding-right: 20px; + padding-top: 80px; } + #folder-wrapper { + padding-top: 128px; } } + html, body { height: 100%; diff --git a/styles/landing.scss b/styles/landing.scss index 5ab7392..aaef772 100644 --- a/styles/landing.scss +++ b/styles/landing.scss @@ -27,3 +27,26 @@ margin-bottom: 100px; } +@media screen and (max-width: 1000px) { + #landing { + section { + margin-left: 20px; + margin-right: 20px; + } + } + .footer { + margin-left: 20px; + margin-right: 20px; + } + + .header-right { + right: auto; + padding-left: 10px; + padding-right: 20px; + padding-top: 80px; + } + + #folder-wrapper { + padding-top: 128px; + } +}