From 9d5603c5e9b5b2a0d71cd72401fb7e0d91dc74c7 Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Wed, 27 Apr 2022 23:17:18 +0200
Subject: Promenio layout za neke kolone tako da su responzivnije.

---
 .../column-table/column-table.component.html          | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

(limited to 'frontend/src/app/_elements/column-table')

diff --git a/frontend/src/app/_elements/column-table/column-table.component.html b/frontend/src/app/_elements/column-table/column-table.component.html
index 5f4412a1..0c33786e 100644
--- a/frontend/src/app/_elements/column-table/column-table.component.html
+++ b/frontend/src/app/_elements/column-table/column-table.component.html
@@ -186,8 +186,8 @@
 </div>
 
 <div class="container-fluid text-offwhite belowColumn">
-    <div class="row ">
-        <div class="col-sm-3 slider rounded" style="border:1px solid var(--ns-primary)">
+    <div class="ns-row">
+        <div class="ns-col slider rounded" style="border:1px solid var(--ns-primary)">
 
             <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
@@ -195,14 +195,15 @@
                 Test</div>
 
         </div>
-        <div class="col-sm-3 slider rounded" style="border:1px solid var(--ns-primary);margin-left: 10px;">
+        <div class="ns-col slider rounded" style="border:1px solid var(--ns-primary);margin-left: 10px;">
             <div class="text-center text-offwhite justify-content-center align-items-center">
-                <mat-checkbox class="pt-4" color="accent">Nasumicni redosled podataka</mat-checkbox>
+                <mat-checkbox class="pt-4" color="accent">Nasumični redosled podataka</mat-checkbox>
             </div>
         </div>
 
-        <div class="col-sm-2 rounded">
+        <div class="break-2"></div>
 
+        <div class="ns-col rounded">
             <mat-form-field appearance="fill" class="align-items-center justify-content-center pt-3 w-100">
                 <mat-label>Tip problema</mat-label>
                 <mat-select value="ToDo1">
@@ -211,19 +212,17 @@
                     <mat-option value="ToDo3">Multi-Klasifikacioni</mat-option>
                 </mat-select>
             </mat-form-field>
-
         </div>
-        <div class="col-sm-2 rounded">
-
+        <div class="ns-col rounded">
             <mat-form-field appearance="fill" class="align-items-center justify-content-center pt-3 w-100">
                 <mat-label>Izlazna kolona</mat-label>
                 <mat-select>
                     <mat-option *ngFor="let item of dataset?.columnInfo" [value]="item.columnName">{{item.columnName}}</mat-option>
                 </mat-select>
             </mat-form-field>
-
         </div>
-        <div class="col-sm-1 d-flex align-items-center justify-content-center">
+        <div class="break-1"></div>
+        <div class="ns-col d-flex align-items-center justify-content-center">
             <button mat-button (click)="ok()" class="bottom-button text-offwhite rounded-bottom">
                 <div class="f-row" style="justify-content: space-around;">
                     <div>Potvrdi</div>
-- 
cgit v1.2.3