From 100f258b179ccce6c5013ba61586768807bd62ea Mon Sep 17 00:00:00 2001
From: julian laplace <julescarbon@gmail.com>
Date: Wed, 26 Oct 2022 13:40:02 +0200
Subject: padding and line height...

---
 views/partials/hootstream.ejs | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

(limited to 'views')

diff --git a/views/partials/hootstream.ejs b/views/partials/hootstream.ejs
index 6d48f78..57fd63a 100644
--- a/views/partials/hootstream.ejs
+++ b/views/partials/hootstream.ejs
@@ -26,9 +26,7 @@
         <a class="userLink" href="/profile/{{username}}">
           {{username}}
         </a>
-        <div class="text">
-          {{hoot}}
-        </div>
+        <div class="text">{{hoot}}</div>
         <div class="age date">{{age}}</div>
       </div>
     </script>
@@ -86,7 +84,8 @@
     min-width: 2.5rem;
   }
   #hootevents {
-    font-size:  14px;
+    font-size: 14px;
+    padding-right: 3rem;
   }
   #hootevents .hoot {
     display: flex;
@@ -129,6 +128,8 @@
     text-align: left;
     flex: 1;
     margin: 0px 0.5rem 0px 0px;
+    white-space: pre-wrap;
+    line-height: 1.5;
   }
 
   #hootevents .hoot.isRecent .threadLink {
@@ -236,7 +237,7 @@
   /** HOOT FORM */
 
   #hootform {
-    margin-bottom: 1.5rem;
+    margin-bottom: 0.5rem;
     padding: 0.5rem;
   }
   #hootform input[type="text"] {
@@ -267,6 +268,8 @@
   #hootform input[type="text"]:invalid {
     caret-color: #888;
   }
+
+  /** MEDIA QUERY: DARK MODE */
   @media (prefers-color-scheme: dark) {
     .search_form input[type="text"]:focus {
       border-bottom-color: rgba(127,127,127,0.2);
@@ -285,6 +288,7 @@
       margin-bottom: 0rem;
     }
     #hootstream {
+      padding-right: 0;
       margin-top: 1rem;
     }
     #hootevents .userLink {
-- 
cgit v1.2.3-70-g09d2