From dcec9ed5b17235c0c9342d782c4add4e322badad Mon Sep 17 00:00:00 2001
From: Alexis Hovorka <alexisspacegirl@gmail.com>
Date: Tue, 25 Oct 2022 12:17:58 -0600
Subject: [fix] Fix front page button alignment on mobile

---
 static/style.css | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

(limited to 'static')

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;
-- 
cgit v1.2.3-70-g09d2