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.html | 37 ++++++++++++++--------
 1 file changed, 23 insertions(+), 14 deletions(-)

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

diff --git a/frontend/src/app/_elements/form-model/form-model.component.html b/frontend/src/app/_elements/form-model/form-model.component.html
index 1b4eb834..c7a9d5ca 100644
--- a/frontend/src/app/_elements/form-model/form-model.component.html
+++ b/frontend/src/app/_elements/form-model/form-model.component.html
@@ -91,24 +91,33 @@
 
     <div class="m-2">
         <div class="row">
-            <div class="col-sm-3 rounded" style="border:1px solid var(--ns-primary);margin-top: 10px;">
-                <div class="row slider rounded" style="margin-left: 10px;margin-bottom: 0;">
+            <div class="col-sm-3 rounded" style="border:1px solid var(--ns-primary);margin-top: 10px; width: fit-content;">
+                <!-- <label>Veličina skupa za validaciju: </label><b>{{validationSize}} %</b> 
                     <div class="text-center pt-3 pb-0 mb-0"><b>{{testSetDistribution}}%</b> : <b>{{100-testSetDistribution}}%</b></div>
-                    <div class="text-center pt-0 mt-0 p-0">Trening
-                        <mat-slider min="10" max="90" step="5" [(ngModel)]="testSetDistribution" (input)="updateTestSet($event)"></mat-slider>
-                        Test</div>
-                </div>
-                <div class="row p-0" style="margin-left: 10px;margin-bottom: 0; padding: 0;">
-                    <mat-checkbox color="accent">Nasumični redosled podataka</mat-checkbox>
+                    <div class="text-center pt-0 mt-0 p-0">Trening ////slider////// Test</div>
+                -->
+                <div class="slider mt-2">
+                    <div>
+                        Trening {{testSetDistribution}}% : Test i validacija {{100-testSetDistribution}}%
+                    </div>
+                    <div class="slider-extended">
+                        <div class="slider-pad"></div>
+                        <mat-slider class="slide" min="10" max="90" step="5" [(ngModel)]="testSetDistribution" (input)="updateTestSet($event)"></mat-slider>
+                        <div class="slider-pad"></div>
+                    </div>
+                    <div>
+                        Test {{validationSize}}% : Validacija {{100-validationSize}}%
+                    </div>
+                    <div class="slider-extended">
+                        <div class="slider-pad"></div>
+                        <mat-slider class="slide" min="10" max="90" step="5" [(ngModel)]="validationSize" (input)="updateValidation($event)"></mat-slider>
+                        <div class="slider-pad"></div>
+                    </div>
                 </div>
-                <hr style="color:accent;">
-                <div class="row ">
-                    <label>Veličina skupa za validaciju: </label><b>{{validationSize}} %</b>
-                    <mat-slider class="text-center justify-content-center " style="margin-left:80px;" min="10" max="90" step="5" [(ngModel)]="validationSize" (input)="updateValidation($event)"></mat-slider>
 
+                <div class="d-flex justify-content-center mt-3">
+                    <mat-checkbox color="accent">Nasumični redosled podataka</mat-checkbox>
                 </div>
-
-
             </div>
 
             <div class="col-sm-9">
-- 
cgit v1.2.3