Promenjena pozicija slider elementa i dizajn.

2 files changed, 27 insertions, 19 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 9b55a814..607e85d7 100644
--- a/frontend/src/app/_elements/form-model/form-model.component.css
+++ b/frontend/src/app/_elements/form-model/form-model.component.css
@@ -87,9 +87,9 @@ hr {
 }
 
 mat-slider {
-    width: 40%;
+    width: 50%;
 }
 
 .slider {
-    background-color: var(--ns-bg-dark-100);
+    background-color: transparent;
 }
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 e51c2cac..186cb22e 100644
--- a/frontend/src/app/_elements/form-model/form-model.component.html
+++ b/frontend/src/app/_elements/form-model/form-model.component.html
@@ -85,28 +85,36 @@
 
     </div>
 </div>
-<div>
-    <div class="ns-row" style="margin-top: 10px;">
-        <div class="ns-col slider rounded" style="border:1px solid var(--ns-primary);margin-left: 10px;">
-
-            <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">Trening
-                <mat-slider min="10" max="90" step="10" [(ngModel)]="testSetDistribution" (input)="updateTestSet($event)"></mat-slider>
-                Test</div>
-        
+
+<!--kraj unosa parametara-->
+<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 mb-3" style="margin-left: 10px;">
+    
+                <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">Trening
+                    <mat-slider min="10" max="90" step="10" [(ngModel)]="testSetDistribution" (input)="updateTestSet($event)"></mat-slider>
+                    Test</div>
+            
+            </div>
+            <div class="row slider rounded text-offwhite justify-content-center align-items-center" style="margin-left: 10px;">
+                        <mat-checkbox class="pt-4 mb-3" color="accent">Nasumični redosled podataka</mat-checkbox>
+            </div>
+            
+    
         </div>
-        <div class="ns-col slider rounded text-offwhite justify-content-center align-items-center" style="border:1px solid var(--ns-primary);margin-left: 10px;">
-                    <mat-checkbox class="pt-4" color="accent">Nasumični redosled podataka</mat-checkbox>
+
+        <div class="col-sm-9">
+            <app-graph [model]="newModel" [inputColumns]="forExperiment?.inputColumns"></app-graph>
         </div>
-        
+
 
     </div>
-</div>
+    
+    
+
 
-<!--kraj unosa parametara-->
-<hr>
-<div class="m-2">
-    <app-graph [model]="newModel" [inputColumns]="forExperiment?.inputColumns"></app-graph>
 </div>
 <div class="ns-row">