[RNMobile] Correct multiple sliders spacings (#25017)

* Correct spacings * Correct cellContainerStyle
WordPress · Sep 2, 2020 · f7d3945 · f7d3945
1 parent 26fd3cd
commit f7d3945
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 12 deletions.
diff --git a/packages/block-library/src/columns/editor.native.scss b/packages/block-library/src/columns/editor.native.scss
@@ -10,14 +10,10 @@
 	margin: $block-edge-to-content / 2;
 }
 
-.rangeCell {
-	flex-direction: row;
-	padding-left: $grid-unit;
-	padding-right: $grid-unit;
-}
-
 .cellContainerStyle {
 	flex-direction: row;
-	padding-top: $grid-unit-10;
-	padding-bottom: $grid-unit-10;
+	min-height: 48px;
+	align-items: center;
+	margin-top: $grid-unit;
+	margin-bottom: $grid-unit;
 }
diff --git a/packages/components/src/mobile/bottom-sheet/cell.native.js b/packages/components/src/mobile/bottom-sheet/cell.native.js
@@ -326,9 +326,13 @@ class BottomSheetCell extends Component {
 									/>
 								</View>
 							) }
-							<Text style={ [ defaultLabelStyle, labelStyle ] }>
-								{ label }
-							</Text>
+							{ label && (
+								<Text
+									style={ [ defaultLabelStyle, labelStyle ] }
+								>
+									{ label }
+								</Text>
+							) }
 						</View>
 						{ customActionButton && (
 							<TouchableOpacity

diff --git a/packages/components/src/mobile/bottom-sheet/range-cell.native.scss b/packages/components/src/mobile/bottom-sheet/range-cell.native.scss
@@ -24,7 +24,6 @@
 .container {
 	flex-direction: row;
 	align-items: center;
-
 }
 
 .cellContainerStyles {