Add nofooter param, small design fixes

Kind of smartphone optimisation
Alignment fix
JS media listeners were overriding each other on reload

1 files changed, 15 insertions, 2 deletions

diff --git a/style.css b/style.css
index ee868d9..cf569aa 100644
--- a/style.css
+++ b/style.css
@@ -87,7 +87,7 @@ a:hover {
 #body {
   display: flex;
   flex-direction: column;
-  align-items: top;
+  align-items: normal;
   margin-top: 60px;
   padding: 30px;
 }
@@ -96,13 +96,13 @@ a:hover {
   display: flex;
   flex-direction: column;
   max-width: 800px;
-  min-width: 500px;
   width: 100%;
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
   background-color: #f5f5f5;
   overflow: auto;
   min-height: 150px;
   flex-shrink: 1;
+  min-width: 500px;
 }
 
 .content_item {
@@ -208,3 +208,16 @@ a:hover {
   color: #999;
 }
 
+@media (max-width: 871px) {
+  #body {
+    padding: unset;
+    width: 100%;
+  }
+  #log_wrapper {
+    max-width: unset;
+    margin-top: 20px;
+  }
+  #content {
+    min-width: unset;
+  }
+}
\ No newline at end of file