From b47c5022792c51b06e6c83cae2c7aed6e640f1b5 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Mon, 1 Nov 2021 17:52:20 +0200
Subject: [PATCH] Fix uk-grid for print button

---
 src/app/monitor/monitor.component.html | 45 ++++++++++++++------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/app/monitor/monitor.component.html b/src/app/monitor/monitor.component.html
index 463868b..b7a90e7 100644
--- a/src/app/monitor/monitor.component.html
+++ b/src/app/monitor/monitor.component.html
@@ -44,27 +44,30 @@
   <div *ngIf="activeTopic && activeTopic.categories.length > 0" header>
     <nav class=" ">
       <div *ngIf="stakeholder && status === errorCodes.DONE && activeTopic" 
-						class="uk-grid uk-flex uk-flex-middle uk-flex-between uk-grid-stack">
-        <ul
-            class="customTabs uk-tab">
-          <ng-template ngFor [ngForOf]="activeTopic.categories" let-category let-i="index">
-            <li *ngIf="isPublicOrIsMember(category.visibility)"
-                [class.uk-active]="category.alias ===
+						class="uk-grid uk-flex uk-flex-middle" uk-grid>
+        <div class="uk-width-expand">
+          <ul class="customTabs uk-tab">
+            <ng-template ngFor [ngForOf]="activeTopic.categories" let-category let-i="index">
+              <li *ngIf="isPublicOrIsMember(category.visibility)"
+                  [class.uk-active]="category.alias ===
                  activeCategory.alias">
-              <a (click)="navigateTo(stakeholder.alias,activeTopic.alias, category.alias)">
-                <span class="title">{{category.name}}</span>
-              </a>
-            </li>
-          </ng-template>
-        </ul>
-				<a class="uk-text-uppercase uk-flex uk-flex-middle uk-flex-center">
-          <button class="uk-icon-button large uk-button-secondary" (click)="printReport()">
-            <icon name="print"></icon>
-          </button>
-          <button class="uk-button uk-button-link uk-margin-small-left uk-text-secondary" (click)="printReport()">
-            Print Report
-          </button>
-				</a>
+                <a (click)="navigateTo(stakeholder.alias,activeTopic.alias, category.alias)">
+                  <span class="title">{{category.name}}</span>
+                </a>
+              </li>
+            </ng-template>
+          </ul>
+        </div>
+        <div class="uk-width-auto@m uk-width-1-1 uk-flex uk-flex-center">
+          <a class="uk-text-uppercase uk-flex uk-flex-middle uk-flex-center">
+            <button class="uk-icon-button large uk-button-secondary" (click)="printReport()">
+              <icon name="print"></icon>
+            </button>
+            <button class="uk-button uk-button-link uk-margin-small-left uk-text-secondary" (click)="printReport()">
+              Print Report
+            </button>
+          </a>
+        </div>
       </div>
     </nav>
     <ul *ngIf="activeCategory && countSubCategoriesToShow(activeCategory) > 1"
@@ -307,4 +310,4 @@
 (indicator.additionalDescription && indicator.additionalDescription.length?indicator.additionalDescription:'')
   +'</div>'">
   </span>
-</ng-template>
\ No newline at end of file
+</ng-template>