From: Stephen Cameron <stephen@cubedesigners.com>
Date: Tue, 10 Sep 2019 10:03:44 +0000 (+0200)
Subject: Responsive fixes and CSS cleanup. Wait #2745 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=8f12771cda5072395885b3f0729d3f337eca078f;p=pmi.git

Responsive fixes and CSS cleanup. Wait #2745 @0.5
---

diff --git a/resources/styles/components/cookies-consent.styl b/resources/styles/components/cookies-consent.styl
index 8518c1d..c8671c1 100644
--- a/resources/styles/components/cookies-consent.styl
+++ b/resources/styles/components/cookies-consent.styl
@@ -1,26 +1,14 @@
 #cookie-consent
-  font-family theme('fontFamily.body')
-  height: 72px
-  width: 100vw
-  font-size: 14px
+  @apply fixed w-full bottom-0
+  @apply flex items-center justify-center
+  @apply font-body text-sm text-white text-center p-4
   background-color: rgba(21, 47, 78, 0.8)
-  position: fixed
-  text-align center
-  bottom: 0
-  color #fff
+  z-index: 100
 
-  @media (max-width: 1105px)
-    padding: 20px 20px
-  @media (max-width: 470px)
-    padding: 70px 20px
-
-  div
-    margin-top: 25px;
-    display: inline-block;
+  +below(550px)
+    @apply block
+    button
+      @apply mt-4
 
   button
-    margin-left: 20px;
-    display: inline-block;
-    background-color: #0EAADA
-    padding: 9px 13px
-    border-radius: 3px
+    @apply bg-blue rounded mx-3 px-4 py-2 whitespace-no-wrap