Rework headerbar on mobile screens

1 files changed, 9 insertions, 7 deletions

diff --git a/static/css/style.css b/static/css/style.css
index e421732..bc30cbf 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -248,26 +248,28 @@ img {
 @media only screen and (max-width: 767px) {
   body {
     padding-top: 0px;
+    width: 90%;
   }
   aside {
     position: relative;
     padding: 0.2rem 0 0.2rem 0.2rem;
     vertical-align: middle;
-    text-align: left
+    text-align: center;
   }
   #avatar {
-    display: none;
+    float: left;
+    margin-top: 0.5rem;
+    margin-left: 0.8rem;
   }
   #sitetitle {
-    font-size: 1rem;
-    padding-top: 0.2rem;
   }
   #sitesubtitle {
-    margin: 0px;
+    font-size: 0.7rem;
+  }
+  #navlinks {
+    font-size: 0.8rem;
   }
   #social {
-    font-size: 1rem;
-    padding: 0.2rem;
   }
   main {
     clean: both;