settings: Improve subsection header styling.

This commit makes all the subsection header as flex boxes, and improves
it's CSS styling.
This commit is contained in:
Sayam Samal
2025-03-21 20:06:56 +05:30
committed by Tim Abbott
parent 6bf2887991
commit 616a957842
6 changed files with 18 additions and 38 deletions

View File

@@ -869,22 +869,18 @@ input.settings_text_input {
}
}
#stream_settings,
#settings_page,
#user_group_settings {
.subsection-header {
display: flex;
flex-wrap: wrap;
}
.subsection-header {
display: flex;
flex-wrap: wrap;
margin: 0.2857em 0;
gap: 0 0.625em; /* 10px at 16px em */
align-items: center;
}
#stream_settings .save-button-controls,
#settings_page .save-button-controls,
#user_group_settings .save-button-controls {
.save-button-controls {
display: flex;
margin: 0.2857em 0.5714em; /* 4px 8px at 14px/em */
align-items: center;
gap: 5px;
gap: 0.3125em; /* 5px at 16px em */
&.hide {
display: none;