Commit 19735f76 authored by JC Brand's avatar JC Brand

CSS: Properly align controlbox section headings and their actions

parent 4c965b58
...@@ -9314,6 +9314,7 @@ readers do not read off random characters that represent icons */ ...@@ -9314,6 +9314,7 @@ readers do not read off random characters that represent icons */
--chat-textarea-height: 60px; --chat-textarea-height: 60px;
--send-button-height: 27px; --send-button-height: 27px;
--send-button-margin: 3px; --send-button-margin: 3px;
--controlbox-heading-top-margin: 0.75em;
--inline-action-margin: 0.75em; --inline-action-margin: 0.75em;
--roster-height: 194px; --roster-height: 194px;
--flyout-padding: 1.2em; --flyout-padding: 1.2em;
...@@ -10786,7 +10787,7 @@ body.reset { ...@@ -10786,7 +10787,7 @@ body.reset {
color: var(--controlbox-heading-color); color: var(--controlbox-heading-color);
font-weight: var(--controlbox-heading-font-weight); font-weight: var(--controlbox-heading-font-weight);
padding: 0; padding: 0;
margin: 1em 0 0.5em 0; margin: var(--controlbox-heading-top-margin) 0 0.5em 0;
font-size: 1.1em; font-size: 1.1em;
text-transform: uppercase; } text-transform: uppercase; }
#conversejs #controlbox .controlbox-section .controlbox-heading__btn { #conversejs #controlbox .controlbox-section .controlbox-heading__btn {
...@@ -10794,7 +10795,7 @@ body.reset { ...@@ -10794,7 +10795,7 @@ body.reset {
align-self: flex-start; align-self: flex-start;
font-size: 1em; font-size: 1em;
padding: 0; padding: 0;
margin: 0.75em 0 var(--inline-action-margin) 0.75em; } margin: var(--controlbox-heading-top-margin) 0 var(--inline-action-margin) 0.75em; }
#conversejs #controlbox .controlbox-section .controlbox-heading__btn.fa-vcard { #conversejs #controlbox .controlbox-section .controlbox-heading__btn.fa-vcard {
margin-top: 1em; } margin-top: 1em; }
#conversejs #controlbox .dropdown a { #conversejs #controlbox .dropdown a {
......
...@@ -218,7 +218,7 @@ ...@@ -218,7 +218,7 @@
color: var(--controlbox-heading-color); color: var(--controlbox-heading-color);
font-weight: var(--controlbox-heading-font-weight); font-weight: var(--controlbox-heading-font-weight);
padding: 0; padding: 0;
margin: 1em 0 0.5em 0; margin: var(--controlbox-heading-top-margin) 0 0.5em 0;
font-size: 1.1em; font-size: 1.1em;
text-transform: uppercase; text-transform: uppercase;
} }
...@@ -228,7 +228,7 @@ ...@@ -228,7 +228,7 @@
align-self: flex-start; align-self: flex-start;
font-size: 1em; font-size: 1em;
padding: 0; padding: 0;
margin: 0.75em 0 var(--inline-action-margin) 0.75em; margin: var(--controlbox-heading-top-margin) 0 var(--inline-action-margin) 0.75em;
&.fa-vcard { &.fa-vcard {
margin-top: 1em; margin-top: 1em;
} }
......
...@@ -38,6 +38,7 @@ $font-path: "webfonts/icomoon/fonts/" !default; ...@@ -38,6 +38,7 @@ $font-path: "webfonts/icomoon/fonts/" !default;
--send-button-height: 27px; --send-button-height: 27px;
--send-button-margin: 3px; --send-button-margin: 3px;
--controlbox-heading-top-margin: 0.75em;
--inline-action-margin: 0.75em; --inline-action-margin: 0.75em;
--roster-height: 194px; --roster-height: 194px;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment