diff --git a/css/converse.css b/css/converse.css
index 7d354731e..69e76db04 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -9566,8 +9566,9 @@ body.converse-fullscreen {
margin-bottom: 2em;
margin-left: -2.7em;
word-spacing: 5px; }
- #conversejs-bg .converse-brand__text .subdued {
- opacity: 0.25; }
+
+#conversejs-bg .subdued, #conversejs .subdued {
+ opacity: 0.35; }
#conversejs {
bottom: 0;
@@ -9594,15 +9595,34 @@ body.converse-fullscreen {
#conversejs .brand-heading-container {
text-align: center; }
#conversejs .brand-heading {
- font-size: 200%;
display: inline-flex;
- align-items: flex-end;
+ flex-direction: row;
+ align-items: flex-start;
font-family: var(--branding-font);
- color: var(--link-color); }
+ color: var(--link-color);
+ margin-bottom: 1em; }
+ #conversejs .brand-heading .brand-name {
+ color: var(--link-color);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-top: -0.5em; }
+ #conversejs .brand-heading .brand-name__text {
+ font-size: 120%;
+ vertical-align: text-bottom; }
+ #conversejs .brand-heading .byline {
+ margin: 0;
+ font-family: var(--heading-font);
+ font-size: 0.25em;
+ opacity: 0.55;
+ margin-left: -4em;
+ word-spacing: 5px;
+ margin-top: -15px; }
#conversejs .brand-heading .converse-svg-logo {
- height: 1.2em;
+ color: var(--link-color);
+ height: 1.5em;
margin-right: 0.25em;
- margin-bottom: -0.3em; }
+ margin-bottom: -0.25em; }
#conversejs .brand-heading .converse-svg-logo .cls-1 {
isolation: isolate; }
#conversejs .brand-heading .converse-svg-logo .cls-2 {
@@ -10063,7 +10083,7 @@ body.converse-fullscreen {
#conversejs form.converse-form {
background: white;
- padding: 1.5em; }
+ padding: 1.2rem; }
#conversejs form.converse-form legend {
color: var(--text-color);
font-size: 125%;
@@ -10786,10 +10806,6 @@ body.converse-fullscreen {
padding-bottom: 1em; }
#conversejs #controlbox .conn-feedback p.feedback-subject.error {
font-weight: bold; }
- #conversejs #controlbox .brand-heading-container .brand-heading {
- text-align: center; }
- #conversejs #controlbox .brand-heading-container .brand-name {
- font-size: 120%; }
#conversejs #controlbox #converse-login-panel, #conversejs #controlbox #converse-register-panel {
padding-top: 0;
padding-bottom: 0; }
@@ -11009,12 +11025,11 @@ body.converse-fullscreen {
#conversejs.converse-mobile #controlbox .brand-heading-container {
flex: 0 0 100%;
max-width: 100%;
- margin-bottom: 1em;
- text-align: center; }
+ margin-top: 5em;
+ margin-bottom: 1em; }
#conversejs.converse-fullscreen #controlbox .brand-heading-container .brand-heading,
#conversejs.converse-mobile #controlbox .brand-heading-container .brand-heading {
- font-size: 150%;
- font-size: 600%;
+ font-size: 500%;
padding: 0.7em 0 0 0;
opacity: 0.8;
color: var(--brand-heading-color); }
@@ -11133,9 +11148,15 @@ body.converse-fullscreen {
#conversejs:not(.converse-embedded) .converse-chatboxes.sidebar-open .chatbox:not(#controlbox) {
display: none; }
#conversejs:not(.converse-embedded) .converse-chatboxes.sidebar-open #controlbox .controlbox-pane {
- display: block; }
- #conversejs.converse-overlayed .converse-chatboxes .chatbox .box-flyout {
- margin-left: 30px; } }
+ display: block; } }
+
+#conversejs.converse-overlayed .brand-heading {
+ padding-top: 0.8rem;
+ padding-left: 0.8rem;
+ width: 100%; }
+
+#conversejs.converse-overlayed .converse-svg-logo {
+ height: 1em; }
#conversejs #converse-modals .set-xmpp-status {
margin: 1em; }
diff --git a/dist/converse.js b/dist/converse.js
index aeb5cfd8e..181fc3e0f 100644
--- a/dist/converse.js
+++ b/dist/converse.js
@@ -93077,7 +93077,7 @@ return __p
var _ = {escape:__webpack_require__(/*! ./node_modules/lodash/escape.js */ "./node_modules/lodash/escape.js")};
module.exports = function(o) {
var __t, __p = '';
-__p += '\n\n
' + +__p += '\n
' + __e(o.version_name) + '
\nOpen Source XMPP chat client brought to you by Opkode
\nTranslate it into your own language
\n{{{o.version_name}}}
Open Source XMPP chat client brought to you by Opkode