From ccb0ca193e15b2791a7e4971fb961f677d259ec4 Mon Sep 17 00:00:00 2001
From: Konstantinos Triantafyllou <k.triantafyllou@di.uoa.gr>
Date: Tue, 17 Nov 2020 19:59:32 +0000
Subject: [PATCH] [Users]: Fix uk-grid for safari

---
 src/main/webapp/css/aai-custom.css |  8 ++++++++
 src/main/webapp/overview.jsp       | 26 ++++++++++++--------------
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/main/webapp/css/aai-custom.css b/src/main/webapp/css/aai-custom.css
index 591706c..89ebf4d 100644
--- a/src/main/webapp/css/aai-custom.css
+++ b/src/main/webapp/css/aai-custom.css
@@ -61,4 +61,12 @@ a:hover, .uk-link:hover {
 
 .space {
     margin-right: 4px;
+}
+
+.uk-grid {
+    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
+    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
+    display: -ms-flexbox;      /* TWEENER - IE 10 */
+    display: -webkit-flex;     /* NEW - Chrome */
+    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 }
\ No newline at end of file
diff --git a/src/main/webapp/overview.jsp b/src/main/webapp/overview.jsp
index 7070816..c6ed681 100644
--- a/src/main/webapp/overview.jsp
+++ b/src/main/webapp/overview.jsp
@@ -47,24 +47,22 @@
                 <p><span uk-icon="icon:info"></span> For more information please read the <a href="">documentation</a>.</p>
 
             </div>
-            <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-1@s uk-margin-top uk-text-left uk-container uk-container-small uk-margin-auto">
-                <div class="uk-padding-small">
-                    <div class="uk-card uk-card-default uk-card-body">
-                        <div class=""> <a class="uk-link uk-text-large" href="./personalToken"> Personal token</a></div>
-                        <div>Get access to the OpenAIRE APIs with your personal access and refresh token.</div>
-
-
+            <div class="uk-container uk-container-small uk-margin-top">
+                <div class="uk-grid uk-child-width-1-2@m uk-child-width-1-1" uk-grid>
+                    <div>
+                        <div class="uk-card uk-card-default uk-card-body">
+                            <div class=""> <a class="uk-link uk-text-large" href="./personalToken"> Personal token</a></div>
+                            <div>Get access to the OpenAIRE APIs with your personal access and refresh token.</div>
+                        </div>
                     </div>
-                </div>
-                <div class="uk-padding-small">
-                    <div class="uk-card uk-card-default uk-card-body ">
-                        <div class=""> <a class="uk-link uk-text-large" href="./registeredServices"> Registered Services</a></div>
-                        <div>Register your services to get access to the OpenAIRE APIs.</div>
+                    <div>
+                        <div class="uk-card uk-card-default uk-card-body ">
+                            <div class=""> <a class="uk-link uk-text-large" href="./registeredServices"> Registered Services</a></div>
+                            <div>Register your services to get access to the OpenAIRE APIs.</div>
+                        </div>
                     </div>
                 </div>
             </div>
-
-
             <!-- END OF CENTER SIDE -->
         </div>
     </div>