Iterate PR based on feedback

Author: t3chguy

res/css/views/settings/tabs/_SettingsTab.scss

@@ -50,15 +50,21 @@ limitations under the License.
 }
 
 .mx_SettingsTab_section {
+    $right-gutter: 80px;
+
     margin-bottom: 24px;
 
     .mx_SettingsFlag {
-        margin-right: 80px;
+        margin-right: $right-gutter;
         margin-bottom: 10px;
     }
 
+    > p {
+        margin-right: $right-gutter;
+    }
+
     &.mx_SettingsTab_subsectionText .mx_SettingsFlag {
-        margin-right: 0px !important;
+        margin-right: 0 !important;
     }
 }
 

res/css/views/settings/tabs/user/_PreferencesUserSettingsTab.scss

@@ -31,6 +31,7 @@ limitations under the License.
             font-size: $font-15px;
             line-height: $font-18px;
             color: $primary-fg-color;
+            margin: 16px 0;
 
             .mx_BaseAvatar {
                 margin-right: 12px;

src/components/views/settings/tabs/user/PreferencesUserSettingsTab.tsx

@@ -341,9 +341,8 @@ export default class PreferencesUserSettingsTab extends React.Component<IProps,
                 <div className="mx_SettingsTab_section">
                     <span className="mx_SettingsTab_subheading">{ _t("Communities") }</span>
                     <p>{ _t("Communities have been archived to make way for Spaces but you can convert your " +
-                        "communities into Spaces below.") }</p>
-                    <span>{ _t("Convert your Communities to Spaces") }</span>
-                    <p>{ _t("Converting will ensure your conversations get the latest features.") }</p>
+                        "communities into Spaces below. Converting will ensure your conversations get the latest " +
+                        "features.") }</p>
                     <details>
                         <summary>{ _t("Show my Communities") }</summary>
                         <p>{ _t("If a community isn't shown you may not have permission to convert it.") }</p>

src/i18n/strings/en_EN.json

@@ -1342,9 +1342,7 @@
     "Preferences": "Preferences",
     "Room list": "Room list",
     "Communities": "Communities",
-    "Communities have been archived to make way for Spaces but you can convert your communities into Spaces below.": "Communities have been archived to make way for Spaces but you can convert your communities into Spaces below.",
-    "Convert your Communities to Spaces": "Convert your Communities to Spaces",
-    "Converting will ensure your conversations get the latest features.": "Converting will ensure your conversations get the latest features.",
+    "Communities have been archived to make way for Spaces but you can convert your communities into Spaces below. Converting will ensure your conversations get the latest features.": "Communities have been archived to make way for Spaces but you can convert your communities into Spaces below. Converting will ensure your conversations get the latest features.",
     "Show my Communities": "Show my Communities",
     "If a community isn't shown you may not have permission to convert it.": "If a community isn't shown you may not have permission to convert it.",
     "Keyboard shortcuts": "Keyboard shortcuts",