CSS: Fix chat title width and elipsis color

in overlayed view mode.

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;
             }

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 {

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;