Position toggle switch more clearly

res/css/views/settings/_SetIntegrationManager.scss

@@ -32,6 +32,4 @@ limitations under the License.
     display: inline-block;
     float: right;
     top: 9px;
-
-    @mixin mx_Settings_fullWidthField;
 }

src/components/views/settings/SetIntegrationManager.tsx

@@ -57,7 +57,7 @@ export default class SetIntegrationManager extends React.Component<IProps, IStat
     };
 
     public render(): React.ReactNode {
-        const ToggleSwitch = sdk.getComponent("views.elements.ToggleSwitch");
+        const LabelledToggleSwitch = sdk.getComponent("views.elements.LabelledToggleSwitch");
 
         const currentManager = this.state.currentManager;
         let managerName;
@@ -79,12 +79,13 @@ export default class SetIntegrationManager extends React.Component<IProps, IStat
                 <div className="mx_SettingsTab_heading">
                     <span>{ _t("Manage integrations") }</span>
                     <span className="mx_SettingsTab_subheading">{ managerName }</span>
-                    <ToggleSwitch checked={this.state.provisioningEnabled} onChange={this.onProvisioningToggled} />
                 </div>
+                <LabelledToggleSwitch
+                    value={this.state.provisioningEnabled}
+                    onChange={this.onProvisioningToggled}
+                    label={bodyText}
+                />
                 <span className="mx_SettingsTab_subsectionText">
-                    { bodyText }
-                    <br />
-                    <br />
                     { _t(
                         "Integration managers receive configuration data, and can modify widgets, " +
                         "send room invites, and set power levels on your behalf.",
@@ -93,4 +94,4 @@ export default class SetIntegrationManager extends React.Component<IProps, IStat
             </div>
         );
     }
-}
+}