From 0609d6ddade026aa1ce87f0d0c2000b161bd0b69 Mon Sep 17 00:00:00 2001
From: Konstantina Galouni <kgalouni@di.uoa.gr>
Date: Thu, 8 Oct 2020 23:25:11 +0000
Subject: [PATCH] [Trunk | Graph]: contact.component.css &
 contact.component.html: Update display of links in cards (Documentation,
 Webinars, How to).

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

diff --git a/src/app/contact/contact.component.css b/src/app/contact/contact.component.css
index 0f74e3a..6e97cb1 100644
--- a/src/app/contact/contact.component.css
+++ b/src/app/contact/contact.component.css
@@ -11,7 +11,7 @@
 }
 
 .uk-accordion .color {
-    color: #1A1A1A !important;
+    color: #1a1a1a !important;
     opacity: 0.8 !important;
 }
 
@@ -21,4 +21,8 @@
 
 .uk-open > .uk-accordion-title::before {
     background-image: url("data:image/svg+xml;utf8, %3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-svg%3D%22chevron-up%22%3E%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222.00%22%20points%3D%224%2013%2010%207%2016%2013%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E");
+}
+
+a:hover svg path {
+    fill: var(--portal-main-color);
 }
\ No newline at end of file
diff --git a/src/app/contact/contact.component.html b/src/app/contact/contact.component.html
index 96bacca..1d27a86 100644
--- a/src/app/contact/contact.component.html
+++ b/src/app/contact/contact.component.html
@@ -26,11 +26,17 @@
 
               <div class="uk-margin-top">
                 <div class="target uk-text-center">
-                  <a class="uk-button-text uk-button uk-text-capitalize uk-text-small"
+                  <a class="uk-link uk-button uk-text-capitalize uk-text-small"
                      href="https://develop.openaire.eu" target="_blank">
                     Documentation
+                    <span class="space">
+                      <svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
+                              fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
+                        </path>
+                      </svg>
+                    </span>
                   </a>
-<!--                  <h5 class="uk-text-bold">Documentation</h5>-->
                 </div>
               </div>
             </div>
@@ -44,12 +50,18 @@
 
               <div class="uk-margin-top">
                 <div class="target uk-text-center" style="">
-                  <a  class="uk-button-text uk-button uk-text-capitalize uk-text-small"
+                  <a  class="uk-link uk-button uk-text-capitalize uk-text-small"
                       href="https://www.openaire.eu/item/webinar-on-the-openaire-research-graph?highlight=WyJncmFwaCIsIndlYmluYXIiLCJ3ZWJpbmFyJyJd"
                       target="_blank">
                     Webinars
+                    <span class="space">
+                      <svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
+                              fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
+                        </path>
+                      </svg>
+                    </span>
                   </a>
-<!--                  <h5 class="uk-text-bold">Webinars</h5>-->
                 </div>
               </div>
             </div>
@@ -62,10 +74,17 @@
               </div>
               <div class="uk-margin-top">
                 <div class="target uk-text-center" style="">
-                  <a  class="uk-button-text uk-button  uk-text-capitalize uk-text-small"
+                  <a  class="uk-link uk-button  uk-text-capitalize uk-text-small"
                       href="https://subugoe.github.io/scholcomm_analytics/posts/oaire_graph_2020/"
                       target="_blank">
                     How to
+                    <span class="space">
+                      <svg height="16" viewBox="0 0 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
+                        <path d="M12.578,4.244,5.667,11.155V8.167A.833.833,0,1,0,4,8.167v5A.832.832,0,0,0,4.833,14h5a.833.833,0,0,0,0-1.667H6.845l6.911-6.911a.833.833,0,1,0-1.178-1.178h0Z"
+                              fill="#2D72D6" id="arrow-down-left2" transform="translate(7.071 19.799) rotate(-135)">
+                        </path>
+                      </svg>
+                    </span>
                   </a>
 <!--                  <h5 class="uk-text-bold">How to</h5>-->
                 </div>