better send button

assets/styles/video/_container.scss

@@ -31,3 +31,40 @@
     min-height: max(30vh, 200px);
   }
 }
+
+/* Media query for mobile devices */
+@media only screen and (max-width: 50vw) {
+  #peertube-plugin-livechat-container converse-root {
+
+    converse-muc {
+      min-height: 62vh;
+      /* 100vh - 30vh for video = 70vh remaining */
+    }
+  }
+}
+
+/* Media query for tablets in portrait mode */
+@media only screen and (min-width: 50vw) and (max-width: 75vw) {
+  #peertube-plugin-livechat-container converse-root {
+    converse-muc {
+      min-height: 62vh;
+      /* Slightly less to account for other elements */
+    }
+  }
+}
+
+/* Media query for tablets in landscape mode */
+@media only screen and (min-width: 76vw) and (max-width: 100vw) {
+  #peertube-plugin-livechat-container converse-root {
+    converse-muc {
+      min-height: 62vh;
+      /* Assuming more height can be used */
+    }
+  }
+}
+
+/* custom toolbar CSS */ 
+
+.send-button {
+  border-radius: 0.25rem !important;
+}

conversejs/custom/shared/styles/_variables.scss

@@ -65,7 +65,7 @@ body.converse-embedded converse-root.theme-peertube {
   --chat-background-color: var(--peertube-main-background);
   --chat-textarea-color: var(--peertube-input-foreground);
   --chat-textarea-background-color: var(--peertube-input-background);
-  --chat-textarea-height: 60px;
+  --chat-textarea-height: 38px;
   --send-button-height: 27px;
   --send-button-margin: 3px;
   --inline-action-margin: 0.75em;

conversejs/custom/shared/styles/livechat.scss

@@ -170,7 +170,8 @@ body.converse-embedded {
 #peertube-plugin-livechat-container {
   converse-muc-message-form {
     // For an unknown reason, message field in truncated... so adding a bottom margin.
-    margin-bottom: 6px;
+    max-height: 1.25rem;
+    margin-bottom: 1rem;
   }
 }
 

package.json

@@ -1,13 +1,13 @@
 {
   "name": "peertube-plugin-livechat",
-  "description": "PeerTube plugin livechat: create chat rooms for your Peertube lives! Comes with many features: federation, moderation tools, chat bot, chat persistence, OBS integration, ...",
+  "description": "NCTV fork of the peertube-plugin-livechat plugin, containing styling and other shit. This will be maintained with upstream.",
   "version": "10.1.0",
   "license": "AGPL-3.0",
   "author": {
-    "name": "John Livingston",
+    "name": "Matty Boombalatty",
-    "url": "https://github.com/JohnXLivingston"
+    "url": "https://gitea.nicecrew.digital/matty"
   },
-  "bugs": "https://github.com/JohnXLivingston/peertube-plugin-livechat/issues",
+  "bugs": "https://gitea.nicecrew.digital/matty/peertube-plugin-livechat/issues",
   "clientScripts": [
     {
       "script": "dist/client/common-client-plugin.js",
@@ -82,8 +82,8 @@
   "engines": {
     "npm": ">=7"
   },
-  "homepage": "https://livingston.frama.io/peertube-plugin-livechat/",
+  "homepage": "https://nicecrew.tv",
-  "repository": "github:JohnXLivingston/peertube-plugin-livechat",
+  "repository": "https://gitea.nicecrew.digital/matty/peertube-plugin-livechat",
   "keywords": [
     "peertube",
     "plugin"