From 391a986538e2058c70d7a6b31cdfbafdc7f32f23 Mon Sep 17 00:00:00 2001
From: Konstantinos Triantafyllou <k.triantafyllou@di.uoa.gr>
Date: Fri, 9 Oct 2020 10:43:48 +0000
Subject: [PATCH] [Graph | Trunk]: Fix architecture image for safari

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-graph-portal/trunk@59537 d315682c-612b-4755-9ff5-7f18f6832af3
---
 src/app/about/about.component.css  | 6 ++++--
 src/app/about/about.component.html | 6 +++---
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/app/about/about.component.css b/src/app/about/about.component.css
index 4a1feb3..ee3a3a9 100644
--- a/src/app/about/about.component.css
+++ b/src/app/about/about.component.css
@@ -70,7 +70,9 @@
     opacity: 1;
 }
 
-
+.architecture-image {
+    align-self: start;
+}
 
 /*.block-ellipsis {*/
 /*    display: -webkit-box;*/
@@ -79,4 +81,4 @@
 /*    overflow: hidden;*/
 /*    text-overflow: ellipsis;*/
 /*    -webkit-line-clamp: 3;*/
-/*}*/
\ No newline at end of file
+/*}*/
diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index 94305f8..6ce5404 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -48,8 +48,8 @@
         </div>
       </div>
     </div>
-    <div class="uk-flex uk-flex-center uk-inline">
-      <img [src]="'assets/graph-assets/about/architecture/'+architectureImage" class="uk-width-4-5@m">
+    <div class="uk-flex uk-flex-center uk-container uk-inline">
+      <img [src]="'assets/graph-assets/about/architecture/'+architectureImage" class="uk-width-4-5@m architecture-image">
       <a class="uk-position-absolute uk-transform-center" style="left: 27%; top: 48%"
          (click)="goTo('tabs_card'); changeTab(0)"
          (mouseenter)="architectureImage = 'aggregation_hover.png'" (mouseleave)="architectureImage = 'gray.png'">
@@ -583,4 +583,4 @@
 <!--    </div>-->
   </div>
 <!--  </div>-->
-</div>
\ No newline at end of file
+</div>