css

1 files changed, 26 insertions, 8 deletions

diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index c1f205b..3e22006 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -438,6 +438,7 @@
   font-size: 11px;
   margin-top: 0.5rem;
   margin-bottom: 1rem;
+  user-select: none;
 }
 /** Ho0t FILTERs */
 #hootfilters {
@@ -450,12 +451,15 @@
   margin: 0.5rem 0.5rem;
   color: #888;
 }
+#hootfilters .filterSet:first-child {
+  margin-left: 0;
+}
 #hootfilters .filterSet .filter,
 #hootfilters .filterSet .sort {
   color: #fff;
 }
 #hootfilters .links {
-  margin: 0.5rem 1rem;
+  margin: 0rem 0rem;
   flex: 1;
   justify-content: flex-end;
   color: #888;
@@ -465,6 +469,18 @@
   background: rgba(127, 127, 167, 0.4);
   border-radius: 0.5rem;
   padding: 0.375rem 0.5rem;
+  opacity: 0.9;
+}
+#hootfilters .filterSet {
+  opacity: 0.9;
+  transition: opacity 0.1s;
+}
+#hootfilters .filter:hover,
+#hootfilters .sort:hover label {
+  opacity: 1;
+}
+#hootfilters .filterSet:hover {
+  opacity: 1;
 }
 
 #hootfilters label,
@@ -595,6 +611,15 @@
     margin-top: 1.5rem;
   }
 
+  #hootfilters {
+    justify-content: space-evenly;
+  }
+  #hootfilters .links {
+    width: 100%;
+    justify-content: space-evenly;
+    margin: 0rem 1rem;
+  }
+
   /** hoot EVENTS */
   #hootevents {
     padding-right: 0;
@@ -657,11 +682,4 @@
     max-height: calc(80vmin - 1rem);
     display: block;
   }
-  #hootfilters {
-    justify-content: space-evenly;
-  }
-  #hootfilters .links {
-    width: 100%;
-    justify-content: space-evenly;
-  }
 }