From 8e23c4ce02dc39b4e116d2680a9c6b780c6d0d04 Mon Sep 17 00:00:00 2001
From: julian laplace <julescarbon@gmail.com>
Date: Sat, 29 Oct 2022 20:34:37 +0200
Subject: filter styling

---
 public/assets/css/hootstream.css | 34 +++++++++++++++++++++++++++++++---
 1 file changed, 31 insertions(+), 3 deletions(-)

(limited to 'public/assets/css')

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;
-- 
cgit v1.2.3-70-g09d2