1 files changed, 30 insertions, 4 deletions
diff --git a/frontend/src/app/_elements/form-model/form-model.component.css b/frontend/src/app/_elements/form-model/form-model.component.css
index 95ace1ef..34c1a5c5 100644
--- a/frontend/src/app/_elements/form-model/form-model.component.css
+++ b/frontend/src/app/_elements/form-model/form-model.component.css
@@ -86,12 +86,12 @@ hr {
     max-height: 20 rem;
 }
 
-mat-slider {
-    width: 50%;
-}
-
 .slider {
     background-color: transparent;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
 }
 
 .center-center {
@@ -102,3 +102,29 @@ mat-slider {
     font-size: 20px !important;
     font-weight: 600;
 }
+
+.slider-pad {
+    min-width: 10%;
+    background-color: gray;
+    height: 2px;
+}
+
+.slider-pad:first-child {
+    margin-right: -8px;
+}
+
+.slider-pad:last-child {
+    margin-left: -8px;
+}
+
+.slider-extended {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+    width: 95%;
+}
+
+.slide {
+    width: 80%;
+}
+\ No newline at end of file