Fix UI on little screens (form for anonymous users was too high).

This commit is contained in:
John Livingston
2024-04-23 10:05:56 +02:00
parent 2074ec8546
commit 2b6cd15951
3 changed files with 17 additions and 3 deletions

View File

@ -62,10 +62,16 @@ body.livechat-readonly.livechat-noscroll {
display: flex !important;
flex-flow: row wrap !important;
padding-bottom: 0.5em !important;
padding-top: 0.5em !important;
border-top: 1px solid var(--chatroom-head-bg-color) !important;
gap: 10px;
gap: 0.5em 10px;
align-items: baseline;
.form-group,
label {
margin-bottom: 0 !important; // replaced by the gap on .livechat-viewer-mode-content
}
label {
color: var(--text-color); // fix converseJs css that breaks this label color.
}
@ -77,7 +83,8 @@ body.livechat-readonly.livechat-noscroll {
}
.livechat-viewer-mode-external-login {
padding: 2em;
margin: 0.5em 0;
padding: 0;
}
}