diff --git a/res/css/views/settings/_SetIntegrationManager.scss b/res/css/views/settings/_SetIntegrationManager.scss index 7fda042864..d532492ea8 100644 --- a/res/css/views/settings/_SetIntegrationManager.scss +++ b/res/css/views/settings/_SetIntegrationManager.scss @@ -30,5 +30,4 @@ limitations under the License. .mx_SetIntegrationManager > .mx_SettingsTab_heading > .mx_SettingsTab_subheading { display: inline-block; padding-left: 5px; - font-size: 14px; } diff --git a/res/css/views/settings/tabs/_SettingsTab.scss b/res/css/views/settings/tabs/_SettingsTab.scss index 7755ee6053..84ff91d341 100644 --- a/res/css/views/settings/tabs/_SettingsTab.scss +++ b/res/css/views/settings/tabs/_SettingsTab.scss @@ -24,6 +24,10 @@ limitations under the License. color: $primary-fg-color; } +.mx_SettingsTab_heading:nth-child(n + 2) { + margin-top: 30px; +} + .mx_SettingsTab_subheading { font-size: 16px; display: block; @@ -37,9 +41,8 @@ limitations under the License. .mx_SettingsTab_subsectionText { color: $settings-subsection-fg-color; font-size: 14px; - padding-bottom: 12px; display: block; - margin: 0 100px 0 0; // Align with the rest of the view + margin: 10px 100px 10px 0; // Align with the rest of the view } .mx_SettingsTab_section .mx_SettingsFlag { @@ -68,9 +71,14 @@ limitations under the License. } .mx_SettingsTab .mx_SettingsTab_subheading:nth-child(n + 2) { + // TODO: This `nth-child(n + 2)` isn't working very well since many sections + // add intermediate elements (mostly because our version of React requires + // them) which throws off the numbering and results in many subheading + // missing margins. + // See also https://github.com/vector-im/riot-web/issues/10554 // These views have a lot of the same repetitive information on it, so // give them more visual distinction between the sections. - margin-top: 30px; + margin-top: 25px; } .mx_SettingsTab a { diff --git a/src/components/views/settings/SetIdServer.js b/src/components/views/settings/SetIdServer.js index c5e979da04..f149ca33cc 100644 --- a/src/components/views/settings/SetIdServer.js +++ b/src/components/views/settings/SetIdServer.js @@ -333,7 +333,7 @@ export default class SetIdServer extends React.Component { {bodyText} -