From 2dd050db8b42805c9ca7ae8926068bcb49430709 Mon Sep 17 00:00:00 2001
From: Tenreiro Benjamin
 <47473393+tommysonsylverstone@users.noreply.github.com>
Date: Fri, 28 Jan 2022 11:22:11 +0100
Subject: [PATCH] Update suluRange.scss

Update range input style
---
 .../js/components/SuluRange/suluRange.scss    | 27 +++++++++++--------
 1 file changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/Resources/js/components/SuluRange/suluRange.scss b/src/Resources/js/components/SuluRange/suluRange.scss
index 5a3ed67..82271b8 100644
--- 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%;
+    }
 }