Fix price slider layout in narrow columns

Author: Aljullu

assets/js/base/components/price-slider/style.scss

@@ -70,17 +70,14 @@
 
 	.wc-block-price-filter__controls {
 		display: flex;
-		flex-flow: row nowrap;
-		justify-content: flex-start;
-		align-items: center;
 		margin: 0 0 20px;
 
 		.wc-block-price-filter__amount {
 			margin: 0;
 			border-radius: 4px;
 			width: auto;
-			flex-grow: 2;
 			max-width: 100px;
+			min-width: 0;
 
 			&.wc-block-price-filter__amount--min {
 				margin-right: 10px;
@@ -89,17 +86,19 @@
 				margin-left: auto;
 			}
 		}
-
-		.wc-block-price-filter__button {
-			margin-left: auto;
-		}
 	}
 	&.wc-block-price-filter--has-filter-button {
 		.wc-block-price-filter__controls {
 			justify-content: flex-end;
 
 			.wc-block-price-filter__amount.wc-block-price-filter__amount--max {
 				margin-left: 0;
+				margin-right: 10px;
+			}
+
+			.wc-block-price-filter__button {
+				margin-left: auto;
+				white-space: nowrap;
 			}
 		}
 	}