From 8392d3cf8ba8cdecc7676e2e3d55edae11c048ef Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Wed, 13 Apr 2022 20:56:09 +0200
Subject: Sredjen izgled stranica "Napravi eksperiment" i "Treniraj model", kao
 i komponenti model-load i dataset-load. Kod dodavanja modela, postavljeno da
 sve metrike budu automatski cekirane.

---
 .../dataset-load/dataset-load.component.css        |  5 +++++
 .../dataset-load/dataset-load.component.html       | 23 +++++++++++-----------
 2 files changed, 16 insertions(+), 12 deletions(-)

(limited to 'frontend/src/app/_elements/dataset-load')

diff --git a/frontend/src/app/_elements/dataset-load/dataset-load.component.css b/frontend/src/app/_elements/dataset-load/dataset-load.component.css
index 54e0738e..ff6e2750 100644
--- a/frontend/src/app/_elements/dataset-load/dataset-load.component.css
+++ b/frontend/src/app/_elements/dataset-load/dataset-load.component.css
@@ -1,11 +1,16 @@
 .btnType1 {
     background-color: #003459;
     color: white;
+    padding-top: 2vh;
+    padding-bottom: 2vh;
 }
 .btnType2 {
     background-color: white;
     color: #003459;
     border-color: #003459;
+    padding-top: 2vh;
+    padding-bottom: 2vh;
+    
 }
 .selectedDatasetClass {
     /*border-color: 2px solid #003459;*/
diff --git a/frontend/src/app/_elements/dataset-load/dataset-load.component.html b/frontend/src/app/_elements/dataset-load/dataset-load.component.html
index 6ab58021..56a3b3c9 100644
--- a/frontend/src/app/_elements/dataset-load/dataset-load.component.html
+++ b/frontend/src/app/_elements/dataset-load/dataset-load.component.html
@@ -2,19 +2,18 @@
 
   <!--Sklonjeno ucitavanje novog dataseta i sve opcije u vezi sa tim, premesteno u add-new-dataset-->
 
-  <div class="col-12 d-flex my-5">
-    <div class="col-3">
+    <div class="d-flex flex-row justify-content-center align-items-center mt-3 mb-5">
+        <button type="button" id="btnMyDataset" class="btn" (click)="viewMyDatasetsForm()"
+            [ngClass]="{'btnType1': showMyDatasets, 'btnType2': !showMyDatasets}">
+            Izaberite dataset iz kolekcije
+        </button>
+        <h3 class="mt-3 mx-3">ili</h3>
+        <button type="button" id="btnNewDataset" class="btn" (click)="viewNewDatasetForm()"
+            [ngClass]="{'btnType1': !showMyDatasets, 'btnType2': showMyDatasets}">
+            Dodajte novi dataset
+        </button>
     </div>
-    <button type="button" id="btnMyDataset" class="btn" (click)="viewMyDatasetsForm()"
-        [ngClass]="{'btnType1': showMyDatasets, 'btnType2': !showMyDatasets}">
-        Izaberite dataset iz kolekcije
-    </button>
-    <h3 class="mt-3 mx-3">ili</h3>
-    <button type="button" id="btnNewDataset" class="btn" (click)="viewNewDatasetForm()"
-        [ngClass]="{'btnType1': !showMyDatasets, 'btnType2': showMyDatasets}">
-        Dodajte novi dataset
-    </button>
-  </div>
+
   <div class="px-5 my-2">
       <input *ngIf="showMyDatasets" type="text" class="form-control" placeholder="Pretraga"
           [(ngModel)]="term">
-- 
cgit v1.2.3