Revert "Reduce spacing between label and slider control (#23580)" (#2…

…4109) This reverts commit 2a67de0.
WordPress · Jul 22, 2020 · a345129 · a345129
1 parent a6ac1bf
commit a345129
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 14 deletions.
diff --git a/packages/components/src/mobile/bottom-sheet/cellRowStyles.android.scss b/packages/components/src/mobile/bottom-sheet/cellRowStyles.android.scss
diff --git a/packages/components/src/mobile/bottom-sheet/cellRowStyles.ios.scss b/packages/components/src/mobile/bottom-sheet/cellRowStyles.ios.scss
diff --git a/packages/components/src/mobile/bottom-sheet/range-cell.native.js b/packages/components/src/mobile/bottom-sheet/range-cell.native.js
@@ -24,7 +24,6 @@ import { withPreferredColorScheme } from '@wordpress/compose';
  */
 import Cell from './cell';
 import styles from './range-cell.scss';
-import rowStyles from './cellRowStyles.scss';
 import borderStyles from './borderStyles.scss';
 
 class BottomSheetRangeCell extends Component {
@@ -180,7 +179,7 @@ class BottomSheetRangeCell extends Component {
 			<Cell
 				{ ...cellProps }
 				cellContainerStyle={ styles.cellContainerStyles }
-				cellRowContainerStyle={ rowStyles.cellRowStyles }
+				cellRowContainerStyle={ styles.cellRowStyles }
 				accessibilityRole={ 'none' }
 				value={ '' }
 				editable={ false }

diff --git a/packages/components/src/mobile/bottom-sheet/range-cell.native.scss b/packages/components/src/mobile/bottom-sheet/range-cell.native.scss
@@ -31,3 +31,10 @@
 	flex-direction: column;
 	align-items: flex-start;
 }
+
+.cellRowStyles {
+	min-height: 48px;
+	margin-bottom: -13px;
+	width: 100%;
+	justify-content: space-between;
+}