From 7c0c09c94246441bca36d873769fc420feb00937 Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Wed, 18 May 2022 20:49:57 +0200
Subject: Podesio korake eksperimenta tako da korisnik ne moze da skroluje do
 koraka koje nije otkljucao. Promenio slajdere za trening, test, validacione
 skupove tako da se vide minimumi od 10%. Popravio skrolove koji nisu trebali
 da se pojavljuju, i dimenzije nekih elemenata.

---
 .../_elements/form-model/form-model.component.css  | 34 +++++++++++++++++++---
 1 file changed, 30 insertions(+), 4 deletions(-)

(limited to 'frontend/src/app/_elements/form-model/form-model.component.css')

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
-- 
cgit v1.2.3