1 files changed, 36 insertions, 23 deletions
diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index 462a6e8..c1f205b 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -439,6 +439,34 @@
   margin-top: 0.5rem;
   margin-bottom: 1rem;
 }
+/** Ho0t FILTERs */
+#hootfilters {
+  justify-content: flex-start;
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+  font-size: 0.75rem;
+}
+#hootfilters .filterSet {
+  margin: 0.5rem 0.5rem;
+  color: #888;
+}
+#hootfilters .filterSet .filter,
+#hootfilters .filterSet .sort {
+  color: #fff;
+}
+#hootfilters .links {
+  margin: 0.5rem 1rem;
+  flex: 1;
+  justify-content: flex-end;
+  color: #888;
+}
+#hootfilters .filter,
+#hootfilters .sort label {
+  background: rgba(127, 127, 167, 0.4);
+  border-radius: 0.5rem;
+  padding: 0.375rem 0.5rem;
+}
+
 #hootfilters label,
 #hootfilters div {
   display: flex;
@@ -550,7 +578,7 @@
 }
 
 /** MEDIA QUERY: PHONE */
-@media (max-width: 1020px) {
+@media (max-width: 720px) {
   html,
   body {
     overflow-x: hidden;
@@ -562,28 +590,6 @@
     margin-left: 0;
   }
 
-  /** Ho0t FILTERs */
-  #hootfilters {
-    justify-content: space-evenly;
-    margin-top: 0;
-    margin-bottom: 0.5rem;
-    font-size: 0.875rem;
-  }
-  #hootfilters .filterSet {
-    margin: 0.5rem 0.5rem;
-  }
-  #hootfilters .links {
-    margin: 0.5rem 1rem;
-    width: 100%;
-    justify-content: space-evenly;
-  }
-  #hootfilters .filter,
-  #hootfilters .sort label {
-    background: rgba(127, 127, 167, 0.4);
-    border-radius: 0.5rem;
-    padding: 0.375rem 0.5rem;
-  }
-
   /** hOoOt STReAM */
   #hootstream {
     margin-top: 1.5rem;
@@ -651,4 +657,11 @@
     max-height: calc(80vmin - 1rem);
     display: block;
   }
+  #hootfilters {
+    justify-content: space-evenly;
+  }
+  #hootfilters .links {
+    width: 100%;
+    justify-content: space-evenly;
+  }
 }