Reduce spacing between label and slider control (WordPress#23580)

ryanwelcher · Jul 13, 2020 · 2a67de0 · 2a67de0
1 parent 0335366
commit 2a67de0
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/packages/components/src/mobile/bottom-sheet/cellRowStyles.android.scss b/packages/components/src/mobile/bottom-sheet/cellRowStyles.android.scss
@@ -0,0 +1,6 @@
+.cellRowStyles {
+	min-height: 48px;
+	margin-bottom: -37px;
+	width: 100%;
+	justify-content: space-between;
+}
diff --git a/packages/components/src/mobile/bottom-sheet/cellRowStyles.ios.scss b/packages/components/src/mobile/bottom-sheet/cellRowStyles.ios.scss
@@ -0,0 +1,6 @@
+.cellRowStyles {
+	min-height: 48px;
+	margin-bottom: -27px;
+	width: 100%;
+	justify-content: space-between;
+}
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,6 +24,7 @@ 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 {
@@ -179,7 +180,7 @@ class BottomSheetRangeCell extends Component {
 			<Cell
 				{ ...cellProps }
 				cellContainerStyle={ styles.cellContainerStyles }
-				cellRowContainerStyle={ styles.cellRowStyles }
+				cellRowContainerStyle={ rowStyles.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,10 +31,3 @@
 	flex-direction: column;
 	align-items: flex-start;
 }
-
-.cellRowStyles {
-	min-height: 48px;
-	margin-bottom: -13px;
-	width: 100%;
-	justify-content: space-between;
-}