From 2133241998dd2b982d996c896426a8d334748408 Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Wed, 9 Mar 2022 22:34:16 +0100
Subject: [PATCH] CSS: Fix chat title width and elipsis color

in overlayed view mode.
---
 src/plugins/chatview/styles/chat-head.scss | 2 ++
 src/plugins/muc-views/styles/index.scss    | 4 ++--
 src/plugins/muc-views/styles/muc-head.scss | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/plugins/chatview/styles/chat-head.scss b/src/plugins/chatview/styles/chat-head.scss
index 3c23db67c..f6522a111 100644
--- a/src/plugins/chatview/styles/chat-head.scss
+++ b/src/plugins/chatview/styles/chat-head.scss
@@ -49,9 +49,11 @@
                 display: flex;
                 flex-direction: row;
                 overflow: hidden;
+                width: 100%;
             }
 
             .chatbox-title__text {
+                color: var(--chat-head-text-color);;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
diff --git a/src/plugins/muc-views/styles/index.scss b/src/plugins/muc-views/styles/index.scss
index d36c8082d..2a5037965 100644
--- a/src/plugins/muc-views/styles/index.scss
+++ b/src/plugins/muc-views/styles/index.scss
@@ -43,10 +43,10 @@ converse-muc-destroyed {
                         width: var(--chatroom-width);
                     }
                     .chatbox-title__text {
-                        @include make-col(7);
+                        @include make-col(10);
                     }
                     .chatbox-title__buttons {
-                        @include make-col(5);
+                        @include make-col(2);
                     }
 
                     .chat-head__desc {
diff --git a/src/plugins/muc-views/styles/muc-head.scss b/src/plugins/muc-views/styles/muc-head.scss
index ed65b8bcb..d34ec40f4 100644
--- a/src/plugins/muc-views/styles/muc-head.scss
+++ b/src/plugins/muc-views/styles/muc-head.scss
@@ -60,6 +60,7 @@
                 }
             }
             .chatbox-title__text {
+                color: var(--chatroom-head-color);
                 display: var(--heading-display);
                 font-weight: var(--chatroom-head-title-font-weight);
                 margin: auto 0;