[fix] Fix front page button alignment on mobile

1 files changed, 20 insertions, 1 deletions

diff --git a/static/style.css b/static/style.css
index bf35504..1b81c96 100644
--- a/static/style.css
+++ b/static/style.css
@@ -29,9 +29,13 @@ html {
   margin: 0.94rem 0 0 -2rem;
 }
 
+@media (max-width: 42rem) {
+  #logo { margin-left: -1.9rem; }
+}
+
 #invert {
   float: right;
-  margin: 1.34rem 0 0;
+  margin: 1.34rem 0 0 .5rem;
   height: 1rem;
   width: 1rem;
   background: #bbb;
@@ -50,6 +54,21 @@ html {
   border-radius: 1rem;
 }
 
+@media (max-width: 474px) {
+  #title-btns {
+    display: block;
+    position: absolute;
+    top: calc(2vw + 2.6rem);
+    right: 1.6rem;
+    padding-left: .6rem;
+    background: #fff;
+  }
+  h1 {
+    margin: .9rem 0 1rem !important;
+    line-height: 1.8rem;
+  }
+}
+
 #feed, #message-me {
   box-sizing: content-box;
   display: inline-block;