filters :) :) yessssssss

1 files changed, 25 insertions, 2 deletions

diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index 2bee4b2..bcd73f1 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -297,7 +297,7 @@
 
 #hootfilters {
   display: flex;
-  flex-direction: row;
+  flex-flow: row wrap;
   justify-content: flex-start;
   align-items: center;
   font-size: 11px;
@@ -312,6 +312,7 @@
   align-items: center;
   min-width: auto;
   margin-right: 0.25rem;
+  white-space: nowrap;
 }
 #hootfilters label {
   cursor: pointer;
@@ -417,9 +418,12 @@
   #hootform {
     margin-bottom: 0rem;
   }
-  #hootstream {
+  #hootevents {
     padding-right: 0;
   }
+  #hootfilters .links {
+    margin: 0.75rem 0.75rem 0 0.75rem;
+  }
   #hootevents .userLink {
     display: none;
   }
@@ -428,6 +432,25 @@
     width: auto;
     margin-left: 2rem;
   }
+  #hootevents .hoot .text {
+    /*flex: 75vw;*/
+    flex: 27vw;
+  }
+  #hootevents .keyword {
+    flex: 1;
+    display: flex;
+    justify-content: flex-end;
+  }
+  #hootevents .keyword,
+  #hootevents .commentCount,
+  #hootevents .fileCount,
+  #hootevents .threadTitle .age {
+    margin: 0.5rem;
+  }
+  #hootevents .threadTitle .age {
+    margin-right: 0.75rem;
+  }
+
   #hootevents .avatarLink {
     margin-left: 0.25rem;
   }