1 files changed, 72 insertions, 64 deletions
diff --git a/static/style.css b/static/style.css
index b7ad1e9..4305e56 100644
--- a/static/style.css
+++ b/static/style.css
@@ -111,13 +111,15 @@ h3 {
 
 #filters {
     position: fixed;
-    top: 0em;
-    left: 1em;
+    top: 0;
+    left: 0;
+    padding: 3rem 1rem 0 1rem;
     width: 10rem;
     cursor: pointer;
     color: #777;
-    height: 95%;
+    height: 100%;
     overflow-y: auto;
+    background-color: #ccc;
 }
 
 #tags, #feeds {
@@ -151,10 +153,16 @@ pre {
 }
 
 .logo {
-    font-size: 14px; 
-    margin: 1em 0 0 0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    font-size: 36px; 
+    text-align: center;
     color: black;
     line-height: 1em;
+    z-index: 1;
+    cursor: pointer;
+    width: 10rem;
 }
 
 .hasunread {
@@ -196,62 +204,62 @@ button {
 }
 
 
-@media only screen and (max-device-width: 768px) {
-    html {
-        width: 100%;
-        font-size: 22px;
-    }
-
-    body {
-        min-width: 0;
-        width: 100%;
-        max-width: 100%;
-        overflow: hidden;
-    }
-
-
-   #filters h4, #filters h1 {
-        display: none;
-    } 
-
-    #controls {
-        width: 100%;
-        font-size: 1.5rem;
-    }
-
-    #controls ul {
-        padding: 0;
-        margin: 0;
-        text-align: center;
-    }
-
-    #controls li {
-        display: inline;
-    }
-
-    #filters {
-        width: 100%;
-        height: 50px;
-        position: fixed;
-        top: 0;
-        left: 0;
-        background: #ccc;
-    }
-
-
-    #items {
-        margin: 0 auto;
-        max-width: 100%;
-    }
-}
-
-@media only screen and (max-device-width: 400px) {
-    html {
-        font-size: 16px;
-    }
-
-    body {
-        min-width: 0;
-        width: 100%;
-    }
-}
+/* @media only screen and (max-device-width: 768px) { */
+/*     html { */
+/*         width: 100%; */
+/*         font-size: 22px; */
+/*     } */
+
+/*     body { */
+/*         min-width: 0; */
+/*         width: 100%; */
+/*         max-width: 100%; */
+/*         overflow: hidden; */
+/*     } */
+
+
+/*    #filters h4, #filters h1 { */
+/*         display: none; */
+/*     }  */
+
+/*     #controls { */
+/*         width: 100%; */
+/*         font-size: 1.5rem; */
+/*     } */
+
+/*     #controls ul { */
+/*         padding: 0; */
+/*         margin: 0; */
+/*         text-align: center; */
+/*     } */
+
+/*     #controls li { */
+/*         display: inline; */
+/*     } */
+
+/*     #filters { */
+/*         width: 100%; */
+/*         height: 50px; */
+/*         position: fixed; */
+/*         top: 0; */
+/*         left: 0; */
+/*         background: #ccc; */
+/*     } */
+
+
+/*     #items { */
+/*         margin: 0 auto; */
+/*         max-width: 100%; */
+/*     } */
+/* } */
+
+/* @media only screen and (max-device-width: 400px) { */
+/*     html { */
+/*         font-size: 16px; */
+/*     } */
+
+/*     body { */
+/*         min-width: 0; */
+/*         width: 100%; */
+/*     } */
+/* } */