From 78a5fb2c75d2d505c3c363b8840dff059ee1de23 Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Thu, 5 May 2022 12:13:28 +0300
Subject: [PATCH] Quick contact: Add box shadow default on button and
 uk-dropdown instead of uk-drop

---
 sharedComponents/quick-contact/quick-contact.component.css  | 3 ++-
 sharedComponents/quick-contact/quick-contact.component.html | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/sharedComponents/quick-contact/quick-contact.component.css b/sharedComponents/quick-contact/quick-contact.component.css
index e8726c18..7c04d067 100644
--- a/sharedComponents/quick-contact/quick-contact.component.css
+++ b/sharedComponents/quick-contact/quick-contact.component.css
@@ -2,9 +2,10 @@
 	position: fixed;
 	bottom: 5vh;
 	right: 5vw;
+	z-index: 980;
 }
 
-.uk-drop {
+.uk-dropdown {
 	max-height: 650px;
 	height: calc(80vh - 100px);
 	width: 500px;
diff --git a/sharedComponents/quick-contact/quick-contact.component.html b/sharedComponents/quick-contact/quick-contact.component.html
index ce53667b..6f23f233 100644
--- a/sharedComponents/quick-contact/quick-contact.component.html
+++ b/sharedComponents/quick-contact/quick-contact.component.html
@@ -1,10 +1,10 @@
 <div class="quick-contact dark">
-	<a class="uk-button uk-box-shadow-small uk-button-secondary uk-flex uk-flex-middle">
+	<a class="uk-button uk-box-shadow-default uk-button-secondary uk-flex uk-flex-middle">
 		<icon *ngIf="!showDrop" name="mail" [flex]="true"></icon>
 		<icon *ngIf="showDrop" name="close" [flex]="true"></icon>
 		<span class="uk-margin-small-left">Contact</span>
 	</a>
-	<div #drop id="quick-contact" class="uk-card uk-box-shadow-small uk-card-default uk-drop uk-overflow-auto" uk-drop="mode: click; pos: top-right; animation: uk-animation-fade">
+	<div #drop id="quick-contact" class="uk-dropdown uk-padding-remove uk-overflow-auto" uk-dropdown="mode: click; pos: top-right; animation: uk-animation-fade">
 		<div class="uk-card-header uk-background-primary uk-padding-small uk-text-center">
 			<div class="uk-text-small">
 				Send a message