i guess that's one way of high styling\!\!\!

3 files changed, 20 insertions, 5 deletions

diff --git a/public/assets/css/bucky.css b/public/assets/css/bucky.css
index a6f9b0e..7dc23b0 100644
--- a/public/assets/css/bucky.css
+++ b/public/assets/css/bucky.css
@@ -1446,7 +1446,7 @@ audio {
   }
   h1 {
     font-size: 1.5rem;
-    padding: 0.5rem 1.25rem;
+    padding: 1rem 1.25rem 0.5rem 1.25rem;
   }
   #sidebar,
   #content {
diff --git a/public/assets/css/hootstream.css b/public/assets/css/hootstream.css
index 29fd401..23ccb50 100644
--- a/public/assets/css/hootstream.css
+++ b/public/assets/css/hootstream.css
@@ -488,10 +488,15 @@
   padding: 0.375rem 0.5rem;
   opacity: 0.9;
 }
+#hootevents .threadTitle .actions {
+  margin: 0.5rem;
+  justify-content: flex-end;
+  flex: 1;
+}
 #hootevents .threadTitle .actions .action {
   background: rgba(127, 127, 167, 0.4);
   border-radius: 0.5rem;
-  padding: 0.125rem;
+  padding: 0.5rem;
   opacity: 0.9;
 }
 #hootfilters .links a {
@@ -655,6 +660,9 @@
   #hootevents {
     padding-right: 0;
   }
+  #hootevents .hoot.threadTitle {
+    align-items: center;
+  }
   #hootevents .userLink {
     display: none;
   }
@@ -664,8 +672,7 @@
     margin-left: 2rem;
   }
   #hootevents .hoot .text {
-    /*flex: 75vw;*/
-    flex: 27vw;
+    min-width: 50vw;
   }
   #hootevents .keyword {
     flex: 1;
@@ -713,6 +720,14 @@
     max-height: calc(80vmin - 1rem);
     display: block;
   }
+  #hootevents .threadTitle .actions {
+  }
+  .stream header .search_form {
+    padding: 0.5rem 1.25rem 0.5rem 1.25rem;
+  }
+  .stream header .search_form input[type="text"] {
+    width: calc(100% - 2.25rem);
+  }
 }
 
 .stream header .search_form {
diff --git a/public/assets/js/lib/views/stream/hootstream.js b/public/assets/js/lib/views/stream/hootstream.js
index cd25719..03f82fb 100644
--- a/public/assets/js/lib/views/stream/hootstream.js
+++ b/public/assets/js/lib/views/stream/hootstream.js
@@ -417,13 +417,13 @@ var HootStream = View.extend({
 
     const actions = [
       hasAudio && { action: "play", label: "play music", icon: "play" },
+      { action: "post", label: "post", icon: "edit" },
       !isViewingThread &&
         !isCompleteThread && {
           action: "expand",
           label: "expand",
           icon: "expand",
         },
-      { action: "post", label: "post", icon: "edit" },
     ]
       .filter((action) => !!action)
       .map(