Skip to content

Commit 54d3e86

Browse files
authored
Stats: Tweak layout of settings toggles (#35720)
* Tweak layout of Stats settings toggles Adding some bottom margin to the fieldsets. * Changelog++ * Newline++
1 parent b0c0e09 commit 54d3e86

File tree

3 files changed

+12
-4
lines changed

3 files changed

+12
-4
lines changed

projects/plugins/jetpack/_inc/client/traffic/site-stats.jsx

+4-4
Original file line numberDiff line numberDiff line change
@@ -300,7 +300,7 @@ class SiteStatsComponent extends React.Component {
300300
</FormFieldset>
301301
</>
302302
) }
303-
<FormFieldset>
303+
<FormFieldset className="jp-stats-form-fieldset">
304304
<ToggleControl
305305
checked={ !! this.props.getOptionValue( 'admin_bar' ) }
306306
disabled={
@@ -316,7 +316,7 @@ class SiteStatsComponent extends React.Component {
316316
) }
317317
/>
318318
</FormFieldset>
319-
<FormFieldset>
319+
<FormFieldset className="jp-stats-form-fieldset">
320320
<FormLegend>{ __( 'Count logged in page views from', 'jetpack' ) }</FormLegend>
321321
{ Object.keys( siteRoles ).map( key => (
322322
<ToggleControl
@@ -333,7 +333,7 @@ class SiteStatsComponent extends React.Component {
333333
/>
334334
) ) }
335335
</FormFieldset>
336-
<FormFieldset>
336+
<FormFieldset className="jp-stats-form-fieldset">
337337
<FormLegend>{ __( 'Allow Jetpack Stats to be viewed by', 'jetpack' ) }</FormLegend>
338338
<ToggleControl
339339
checked={ true }
@@ -357,7 +357,7 @@ class SiteStatsComponent extends React.Component {
357357
) : null
358358
) }
359359
</FormFieldset>
360-
<FormFieldset>
360+
<FormFieldset className="jp-stats-form-fieldset">
361361
<FormLegend>{ __( 'WordPress.com Reader', 'jetpack' ) }</FormLegend>
362362
<ToggleControl
363363
checked={ this.state.wpcom_reader_views_enabled }

projects/plugins/jetpack/_inc/client/traffic/style.scss

+4
Original file line numberDiff line numberDiff line change
@@ -271,6 +271,10 @@ $twitter-pofile-image-padding: 17px;
271271
margin-bottom: 0;
272272
}
273273

274+
.jp-stats-form-fieldset {
275+
margin-bottom: 20px;
276+
}
277+
274278
.jp-stats-odyssey-badge {
275279
color: #008710;
276280
background-color: #D0E6B8;
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
Significance: minor
2+
Type: enhancement
3+
4+
Add some extra margin around Stats settings toggles

0 commit comments

Comments
 (0)