From c69ebd2680712fe88c7caa102c94481b20612572 Mon Sep 17 00:00:00 2001
From: John Livingston <git@john-livingston.fr>
Date: Fri, 7 Jan 2022 19:57:42 +0100
Subject: [PATCH] Auto viewer mode (WIP).

---
 conversejs/custom/shared/styles/livechat.scss   | 8 ++++++++
 conversejs/custom/templates/muc-bottom-panel.js | 4 ++--
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/conversejs/custom/shared/styles/livechat.scss b/conversejs/custom/shared/styles/livechat.scss
index e55ef82a..931b362f 100644
--- a/conversejs/custom/shared/styles/livechat.scss
+++ b/conversejs/custom/shared/styles/livechat.scss
@@ -45,6 +45,14 @@ body.livechat-readonly.livechat-noscroll {
 body[livechat-viewer-mode="on"] {
   .livechat-viewer-mode-nick {
     display: initial;
+
+    form {
+      display: flex !important;
+      flex-flow: row wrap !important;
+      padding-top: 0.5em !important;
+      padding-bottom: 0.5em !important;
+      border-top: var(--chatroom-separator-border-bottom) !important;
+    }
   }
 
   converse-muc-bottom-panel {
diff --git a/conversejs/custom/templates/muc-bottom-panel.js b/conversejs/custom/templates/muc-bottom-panel.js
index 2854cfc6..3da72668 100644
--- a/conversejs/custom/templates/muc-bottom-panel.js
+++ b/conversejs/custom/templates/muc-bottom-panel.js
@@ -16,9 +16,9 @@ export default (o) => {
     const i18nNickname = __('Nickname')
     const i18nJoin = __('Enter groupchat')
     return html`
-    <div class="livechat-viewer-mode-nick chatroom-form-container muc-nickname-form"
+    <div class="livechat-viewer-mode-nick chatroom-form-container"
             @submit=${ev => setNickname(ev, model)}>
-        <form class="converse-form chatroom-form converse-centered-form">
+        <form class="converse-form chatroom-form">
             <fieldset class="form-group">
                 <input type="text"
                     required="required"