From c3a35f4afaae4222710d36f8c7676dfe8e5ce2f3 Mon Sep 17 00:00:00 2001
From: Vesa Luusua <vesa.luusua@gmail.com>
Date: Mon, 8 Jan 2018 15:26:17 +0200
Subject: [PATCH] change the position of the cookie-jar and dr

---
 .../CookieConsent/CookieConsent.css           | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/components/CookieConsent/CookieConsent.css b/src/components/CookieConsent/CookieConsent.css
index cc720194..4e49753d 100644
--- a/src/components/CookieConsent/CookieConsent.css
+++ b/src/components/CookieConsent/CookieConsent.css
@@ -3,12 +3,12 @@
 .root {
   /* Fixed on top of everything */
   position: fixed;
-  top: 0;
+  bottom: 0;
   z-index: 1000;
 
   /* Dimensions */
   width: 100vw;
-  padding: 17px 0;
+  padding: 5px 0;
 
   /* Layout */
   display: flex;
@@ -21,22 +21,21 @@
 
   /* Cover Topbar on desktop */
   @media (--viewportMedium) {
-    padding: 20px 0;
+    padding: 8px 0;
   }
 }
 
 .message {
   @apply --marketplaceH5FontStyles;
-  margin: 0 24px;
+  margin-left: 24px;
 }
 
 .cookieLink {
-  color: var(--matterColorNegative);
+  color: var(--matterColorLight);
   border-bottom: 1px solid var(--matterColorNegative);
 
   &:hover {
     text-decoration: none;
-    border-bottom: 1px solid transparent;
   }
 }
 
@@ -47,10 +46,22 @@
 
   /* Dimensions */
   padding: 3px 12px 3px 12px;
-  margin: 0 24px;
+  margin: 0 24px 0 6px;
 
   background-color: transparent;
   border: solid 1px var(--matterColorNegative);
   border-radius: 4px;
   cursor: pointer;
+
+  transition: var(--transitionStyleButton);
+
+  &:hover {
+    background-color: var(--matterColorNegative);
+    color: var(--matterColor);
+    transition: var(--transitionStyleButton);
+  }
+
+  @media (--viewportMedium) {
+    margin: 0 24px;
+  }
 }