From 8c61511f0ecd46b3d2a19ef82d6853c722c1127c Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Tue, 12 Jan 2021 10:23:26 +0000
Subject: [PATCH] [Library | Trunk]: Fix action buttons on small screens

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@60215 d315682c-612b-4755-9ff5-7f18f6832af3
---
 dashboard/divId/divIds.component.html    | 6 +++---
 dashboard/entity/entities.component.html | 6 +++---
 dashboard/page/pages.component.html      | 6 +++---
 dashboard/portal/portals.component.html  | 6 +++---
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/dashboard/divId/divIds.component.html b/dashboard/divId/divIds.component.html
index f693cf22..5529b9fa 100644
--- a/dashboard/divId/divIds.component.html
+++ b/dashboard/divId/divIds.component.html
@@ -13,10 +13,10 @@
               class="title">{{type.label}}</span></a></li>
         </ul>
       </div>
-      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">
+      <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
         <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search"
              [bordered]="true" colorClass="uk-text-secondary"></div>
-        <div class="uk-margin-left show-options">
+        <div class="show-options">
           <button class="uk-button uk-button-secondary">Bulk Actions</button>
           <div uk-dropdown="mode: click">
             <ul class="uk-nav uk-margin-left"
@@ -27,7 +27,7 @@
             </ul>
           </div>
         </div>
-        <div class="uk-margin-left">
+        <div>
           <a (click)="newDivId()"
              class="uk-flex uk-flex-middle uk-text-uppercase">
             <button class="large uk-icon-button uk-button-secondary">
diff --git a/dashboard/entity/entities.component.html b/dashboard/entity/entities.component.html
index e96cf43a..d24761f6 100644
--- a/dashboard/entity/entities.component.html
+++ b/dashboard/entity/entities.component.html
@@ -13,10 +13,10 @@
               (click)="filterForm.get('status').setValue('disabled')"><span class="title">Disabled</span></a></li>
         </ul>
       </div>
-      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">
+      <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
         <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search entity"
              [bordered]="true" colorClass="uk-text-secondary"></div>
-        <div class="uk-margin-left show-options">
+        <div class="show-options">
           <button class="uk-button uk-button-secondary">Bulk Actions</button>
           <div uk-dropdown="mode: click">
             <ul class="uk-nav uk-margin-left"
@@ -35,7 +35,7 @@
             </ul>
           </div>
         </div>
-        <div *ngIf="isPortalAdministrator" class="uk-margin-left">
+        <div *ngIf="isPortalAdministrator">
           <a (click)="newEntity()"
              class="uk-flex uk-flex-middle uk-text-uppercase">
             <button class="large uk-icon-button uk-button-secondary">
diff --git a/dashboard/page/pages.component.html b/dashboard/page/pages.component.html
index a919b7dc..c078caaf 100644
--- a/dashboard/page/pages.component.html
+++ b/dashboard/page/pages.component.html
@@ -13,10 +13,10 @@
               class="title">{{type.label}}</span></a></li>
         </ul>
       </div>
-      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">
+      <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
         <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search page"
              [bordered]="true" colorClass="uk-text-secondary"></div>
-        <div class="uk-margin-left show-options">
+        <div class="show-options">
           <button class="uk-button uk-button-secondary">Bulk Actions</button>
           <div uk-dropdown="mode: click">
             <ul class="uk-nav  uk-margin-left"
@@ -32,7 +32,7 @@
             </ul>
           </div>
         </div>
-        <div *ngIf="isPortalAdministrator" class="uk-margin-left">
+        <div *ngIf="isPortalAdministrator">
           <a (click)="newPage()"
              class="uk-flex uk-flex-middle uk-text-uppercase">
             <button class="large uk-icon-button uk-button-secondary">
diff --git a/dashboard/portal/portals.component.html b/dashboard/portal/portals.component.html
index c8645598..1e9ac196 100644
--- a/dashboard/portal/portals.component.html
+++ b/dashboard/portal/portals.component.html
@@ -13,10 +13,10 @@
               class="title">{{type.label}}</span></a></li>
         </ul>
       </div>
-      <div class="uk-width-1-1 uk-flex uk-flex-right uk-flex-middle">
+      <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
         <div search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search page"
              [bordered]="true" colorClass="uk-text-secondary"></div>
-        <div class="uk-margin-left show-options">
+        <div class="show-options">
           <button class="uk-button uk-button-secondary">Bulk Actions</button>
           <div uk-dropdown="mode: click">
             <ul class="uk-nav uk-margin-left"
@@ -27,7 +27,7 @@
             </ul>
           </div>
         </div>
-        <div class="uk-margin-left">
+        <div>
           <a (click)="newCommunity()"
              class="uk-flex uk-flex-middle uk-text-uppercase">
             <button class="large uk-icon-button uk-button-secondary">