Standardise the margin for settings tabs (#7963)

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Yukti
2022-05-12 10:09:17 +01:00
committed by GitHub
co-authored by Michael Telatynski
parent 25428b0415
commit ab26aad406
5 changed files with 6 additions and 7 deletions
@@ -28,12 +28,6 @@ limitations under the License.
.mx_ProfileSettings_controls { .mx_ProfileSettings_controls {
flex-grow: 1; flex-grow: 1;
margin-right: 54px; margin-right: 54px;
// We put the header under the controls with some minor styling to cheat
// alignment of the field with the avatar
.mx_SettingsTab_subheading {
margin-top: 0;
}
} }
.mx_ProfileSettings_controls .mx_Field #profileTopic { .mx_ProfileSettings_controls .mx_Field #profileTopic {
@@ -27,6 +27,7 @@ limitations under the License.
font-weight: 600; font-weight: 600;
color: $primary-content; color: $primary-content;
margin-bottom: 10px; margin-bottom: 10px;
margin-top: 10px;
} }
.mx_SettingsTab_heading:nth-child(n + 2) { .mx_SettingsTab_heading:nth-child(n + 2) {
@@ -21,6 +21,7 @@ limitations under the License.
.mx_AppearanceUserSettingsTab { .mx_AppearanceUserSettingsTab {
> .mx_SettingsTab_SubHeading { > .mx_SettingsTab_SubHeading {
margin-bottom: 32px; margin-bottom: 32px;
margin-top: 12px;
} }
} }
@@ -27,6 +27,9 @@ limitations under the License.
} }
.mx_SecurityUserSettingsTab { .mx_SecurityUserSettingsTab {
.mx_SettingsTab_heading {
margin-bottom: 22px;
}
.mx_SettingsTab_section { .mx_SettingsTab_section {
.mx_AccessibleButton_kind_link { .mx_AccessibleButton_kind_link {
padding: 0; padding: 0;
@@ -16,7 +16,7 @@ limitations under the License.
.mx_SidebarUserSettingsTab { .mx_SidebarUserSettingsTab {
.mx_SettingsTab_section { .mx_SettingsTab_section {
margin-top: 10px; margin-top: 12px;
} }
.mx_SidebarUserSettingsTab_subheading { .mx_SidebarUserSettingsTab_subheading {