assets/styles/video/_container.scss

@@ -28,39 +28,39 @@
   height: 100%;
 
   converse-muc {
-    min-height: max(62vh, 400px);
+    min-height: max(30vh, 200px);
   }
 }
 
-// /* Media query for mobile devices */
-// @media only screen and (max-width: 767px) {
-//   #peertube-plugin-livechat-container converse-root {
-//     converse-muc {
-//       min-height: 58vh;
-//       /* 100vh - 30vh for video = 70vh remaining */
-//     }
-//   }
-// }
+/* Media query for mobile devices */
+@media only screen and (max-width: 767px) {
+  #peertube-plugin-livechat-container converse-root {
+    converse-muc {
+      min-height: 58vh;
+      /* 100vh - 30vh for video = 70vh remaining */
+    }
+  }
+}
 
-// /* Media query for tablets in portrait mode */
-// @media only screen and (min-width: 768px) and (max-width: 1023px) {
-//   #peertube-plugin-livechat-container converse-root {
-//     converse-muc {
-//       min-height: 25vh;
-//       /* Slightly less to account for other elements */
-//     }
-//   }
-// }
+/* Media query for tablets in portrait mode */
+@media only screen and (min-width: 768px) and (max-width: 1023px) {
+  #peertube-plugin-livechat-container converse-root {
+    converse-muc {
+      min-height: 25vh;
+      /* Slightly less to account for other elements */
+    }
+  }
+}
 
-// /* Media query for tablets in landscape mode */
-// @media only screen and (min-width: 1024px) and (max-width: 1279px) {
-//   #peertube-plugin-livechat-container converse-root {
-//     converse-muc {
-//       min-height: 25vh;
-//       /* Assuming more height can be used */
-//     }
-//   }
-// }
+/* Media query for tablets in landscape mode */
+@media only screen and (min-width: 1024px) and (max-width: 1279px) {
+  #peertube-plugin-livechat-container converse-root {
+    converse-muc {
+      min-height: 25vh;
+      /* Assuming more height can be used */
+    }
+  }
+}
 
 /* Media query for desktops */
 @media only screen and (min-width: 1280px) {
@@ -77,8 +77,4 @@
 
 .send-button {
   border-radius: 0.25rem !important;
-}
-
-.send-button:hover {
-  background-color: #0067c1 !important;
 }

conversejs/custom/shared/styles/_variables.scss

@@ -64,7 +64,7 @@ body.converse-embedded converse-root.theme-peertube {
   --message-avatar-height: 36px;
   --chat-background-color: var(--peertube-main-background);
   --chat-textarea-color: var(--peertube-input-foreground);
-  --chat-textarea-background-color: var(--peertube-main-background);
+  --chat-textarea-background-color: #26262678;
   --chat-textarea-height: 38px;
   --send-button-height: 27px;
   --send-button-margin: 3px;
@@ -140,8 +140,8 @@ body.converse-embedded converse-root.theme-peertube {
   --fullpage-chatbox-button-size: 24px;
   --font-size-tiny: 10px;
   --font-size-small: 12px;
-  --font-size: 16px;
-  --font-size-large: 18px;
+  --font-size: 14px;
+  --font-size-large: 16px;
   --font-size-huge: 20px;
   --message-font-size: var(--font-size);
   --separator-text-color: var(--peertube-grey-foreground);

conversejs/custom/shared/styles/livechat.scss

@@ -170,9 +170,7 @@ body.converse-embedded {
 #peertube-plugin-livechat-container {
   converse-muc-message-form {
     // For an unknown reason, message field in truncated... so adding a bottom margin.
-    max-height: unset !important;
-    margin-bottom: 0.5rem !important;
-    margin-top: 0.4rem !important;
+    margin-bottom: 0.25rem !important;
   }
 }