Update suluRange.scss

Update range input style
sevenGroupFrance · Jan 28, 2022 · 2dd050d · 2dd050d
1 parent 2634ca2
commit 2dd050d
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/src/Resources/js/components/SuluRange/suluRange.scss b/src/Resources/js/components/SuluRange/suluRange.scss
@@ -1,16 +1,21 @@
 [class*=range-label] {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
-    justify-content: space-between;
     margin: 0;
-}
-[class*=range-container] {
-    display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
-    width: 80%;
-    margin: 2em;
-}
-[class*=range-field-container] {
-    width: 100%;
+    > [class*=range-field-container] {
+        max-width: 240px;
+        width: 100%;
+        margin-left: 20px;
+        [class*=range-container] {
+            display: flex;
+            justify-content: center;
+            flex-wrap: wrap;
+            margin: 1.5em 0 1em;
+        }
+    }
+    > [class*=description-label],
+    > [class*=error-label] {
+        width: 100%;
+    }
 }