From f0f9a128076f2f0deae8f597dd780527b54819dd Mon Sep 17 00:00:00 2001
From: TAMARA JERINIC <tamara.jerinic@gmail.com>
Date: Sun, 17 Apr 2022 17:25:22 +0200
Subject: Izmenjen izgled item-predictor i my-predictors, dodata funkcija za
 brisanje prediktora u predictors.component.ts.

---
 .../my-predictors/my-predictors.component.html     | 27 ++++++++++++++--------
 1 file changed, 17 insertions(+), 10 deletions(-)

(limited to 'frontend/src/app/_pages/my-predictors/my-predictors.component.html')

diff --git a/frontend/src/app/_pages/my-predictors/my-predictors.component.html b/frontend/src/app/_pages/my-predictors/my-predictors.component.html
index d38f93e4..31fa786c 100644
--- a/frontend/src/app/_pages/my-predictors/my-predictors.component.html
+++ b/frontend/src/app/_pages/my-predictors/my-predictors.component.html
@@ -1,16 +1,23 @@
 <div id="header">
     <h1>Trenirani modeli</h1>
 </div>
-<div id="container" style="background-color:rgba(255, 255, 255, 0.8);">
-<div class="row" *ngFor="let predictor of predictors">
-    <div class="left">
-        <app-item-predictor [predictor]="predictor"></app-item-predictor>
-    </div>
-    <div>
-        <button (click)="delete(predictor)" mat-raised-button color="warn" style="min-width: 15rem;float: right" ><mat-icon>delete</mat-icon></button>
-    </div>
-    
+<div id="wrapper">
+<div id="container" class="container p-5" style="background-color:rgba(255, 255, 255, 0.8); min-height: 100%;">
+    <div class="row mt-3 mb-2 d-flex justify-content-center">
+        
+        <div class="col-sm-6" style="margin-bottom: 10px;">
+        </div>
+        <div class="row">
+            <div class="col-sm-4" style="margin-bottom: 10px;" *ngFor="let predictor of predictors">
+                <app-item-predictor [predictor]="predictor"></app-item-predictor>
+                <div>
+                    <button (click)="deleteThisPredictor(predictor)" mat-raised-button color="warn" style="min-width: 10rem;float: right" ><mat-icon>delete</mat-icon></button>
+                </div>
+            </div>
+        </div>
+</div>
 </div>
-
 </div>
 
+
+
-- 
cgit v1.2.3