suggestbox styling

assets/styles/video/_container.scss

@@ -36,7 +36,7 @@
 @media only screen and (max-width: 767px) {
   #peertube-plugin-livechat-container converse-root {
     converse-muc {
-      min-height: 55vh;
+      min-height: 58vh;
       /* 100vh - 30vh for video = 70vh remaining */
     }
   }
@@ -46,7 +46,7 @@
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
   #peertube-plugin-livechat-container converse-root {
     converse-muc {
-      min-height: 30vh;
+      min-height: 25vh;
       /* Slightly less to account for other elements */
     }
   }
@@ -56,7 +56,7 @@
 @media only screen and (min-width: 1024px) and (max-width: 1279px) {
   #peertube-plugin-livechat-container converse-root {
     converse-muc {
-      min-height: 28vh;
+      min-height: 25vh;
       /* Assuming more height can be used */
     }
   }

conversejs/custom/shared/styles/_peertubetheme.scss

@@ -126,7 +126,7 @@
   }
 
   .chat-msg__text {
-    font-size: 2rem;
+    font-size: 1.15rem !important;
     // spoiler content more visible.
     &.spoiler {
       color: var(--peertube-grey-foreground) !important;
@@ -140,17 +140,6 @@
       max-height: 4.25em !important; // and no max-width
     }
 
-      // underline links in chat messages
-      a {
-        text-decoration: none !important;
-        color: #f57200 !important;
-  
-        &:hover {
-          text-decoration: underline !important;
-          color: #D16100 !important;
-        }
-      }
-
     // underline links in chat messages
     a[href] {
       text-decoration: none !important;

conversejs/custom/shared/styles/livechat.scss

@@ -171,7 +171,7 @@ body.converse-embedded {
   converse-muc-message-form {
     // For an unknown reason, message field in truncated... so adding a bottom margin.
     /* max-height: 1.25rem; */
-    margin-bottom: 6px;
+    margin-bottom: 2rem;
   }
 }