click row

1 files changed, 15 insertions, 3 deletions

diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index da65bc5..97d1a77 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -60,7 +60,7 @@
   padding-left: 7.5rem;
   margin-bottom: 1rem;
   display: flex;
-  flex-direction: row;
+  flex-flow: row wrap;
   align-items: flex-end;
 }
 #hootevents .hootText img {
@@ -188,6 +188,7 @@
   margin-left: 8.25rem;
   width: calc(100% - 12rem);
   height: 0;
+  display: none;
 }
 #hootevents .divider.dark {
   border-top: 1px solid rgba(88, 88, 88, 0.4);
@@ -196,14 +197,24 @@
   border-bottom: 0;
 }
 #hootevents .thread {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+#hootevents .thread:nth-child(odd) {
   background: linear-gradient(
     90deg,
     rgba(127, 127, 127, 0),
     rgba(127, 127, 127, 0.05),
     rgba(127, 127, 127, 0)
   );
-  margin-top: 1rem;
-  margin-bottom: 1rem;
+}
+#hootevents .thread:nth-child(even) {
+  background: linear-gradient(
+    90deg,
+    rgba(96, 96, 96, 0),
+    rgba(96, 96, 96, 0.05),
+    rgba(96, 96, 96, 0)
+  );
 }
 #hootevents .thread + .thread {
   margin-top: 0;
@@ -263,6 +274,7 @@
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
+  cursor: pointer;
 }
 #hootevents .fileRow div {
   color: rgba(64, 64, 64, 1);