filter styling

1 files changed, 31 insertions, 3 deletions

diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index a62e206..f3c4581 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -555,15 +555,43 @@
   body {
     overflow-x: hidden;
   }
+
+  /** Hoot Form */
   #hootform {
     margin-bottom: 0rem;
     margin-left: 0;
   }
-  #hootevents {
-    padding-right: 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: 0rem 0.75rem 0 0.75rem;
+    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;
+  }
+
+  /** hoot EVENTS */
+  #hootevents {
+    padding-right: 0;
   }
   #hootevents .userLink {
     display: none;