From bc1ddbd6c40e7f6eac5496077e2f02a53c73cd4e Mon Sep 17 00:00:00 2001
From: matty <matty@nicecrew.digital>
Date: Sat, 22 Jun 2024 16:05:47 -0400
Subject: [PATCH] suggestbox styling

---
 assets/styles/video/_container.scss                 |  6 +++---
 conversejs/custom/shared/styles/_peertubetheme.scss | 13 +------------
 conversejs/custom/shared/styles/livechat.scss       |  2 +-
 3 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/assets/styles/video/_container.scss b/assets/styles/video/_container.scss
index b18328c5..41cb2d2a 100644
--- a/assets/styles/video/_container.scss
+++ b/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 */
     }
   }
diff --git a/conversejs/custom/shared/styles/_peertubetheme.scss b/conversejs/custom/shared/styles/_peertubetheme.scss
index a8b40139..4f9faa21 100644
--- a/conversejs/custom/shared/styles/_peertubetheme.scss
+++ b/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;
diff --git a/conversejs/custom/shared/styles/livechat.scss b/conversejs/custom/shared/styles/livechat.scss
index af770404..cfb070ff 100644
--- a/conversejs/custom/shared/styles/livechat.scss
+++ b/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;
   }
 }