From 5ec7742bfe968022812f5e4a188798171587517e Mon Sep 17 00:00:00 2001
From: Fredrik Jonsson <frjo@xdeb.org>
Date: Fri, 8 Dec 2023 08:54:56 +0100
Subject: [PATCH] Improve cokkieconsent box styling.

---
 .../sass/components/cookieconsent/_cookieconsent.scss  | 10 +++++-----
 layouts/partials/cookieconsent.html                    |  6 +++---
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/assets/sass/components/cookieconsent/_cookieconsent.scss b/assets/sass/components/cookieconsent/_cookieconsent.scss
index b92e8bcf..6f9bedd3 100644
--- a/assets/sass/components/cookieconsent/_cookieconsent.scss
+++ b/assets/sass/components/cookieconsent/_cookieconsent.scss
@@ -1,21 +1,21 @@
 // Cookieconsent
 
 .cookieconsent {
+  display: flex;
+  flex-flow: wrap;
+  justify-content: center;
+  gap: .5rem;
   position: sticky;
   bottom: 0;
   width: 100%;
+  padding-block-start: .5rem;
   color: var(--color-warning);
   background-color: var(--color-warning-bg);
   border-top: 4px solid var(--color-warning-border);
   font-size: var(--fs-s);
-  text-align: center;
   transform: translateY(100vh);
   transition: all 130ms ease-out;
   z-index: 99;
-
-  a {
-    color: inherit;
-  }
 }
 
 .button {
diff --git a/layouts/partials/cookieconsent.html b/layouts/partials/cookieconsent.html
index 5a05816d..84bf18d9 100644
--- a/layouts/partials/cookieconsent.html
+++ b/layouts/partials/cookieconsent.html
@@ -1,10 +1,10 @@
 <div class="cookieconsent layout__cookieconsent hidden">
   <div class="cookieconsent__message">
     {{ i18n "cookieconsent_message" }}
-    {{ with site.Params.privacyPolicyUrl }}<a href="{{ . }}">{{ i18n "privacy_policy" }}</a>{{ end }}
   </div>
   <div class="cookieconsent__actions">
-    <button class="button button--small button--cookieconsent button--decline" type="button" data-consent="false">{{ i18n "cookieconsent_decline" }}</button>
-    <button class="button button--small button--cookieconsent button--accept" type="button" data-consent="true">{{ i18n "cookieconsent_accept" }}</button>
+    <button class="button button--small button--decline" type="button" data-consent="false">{{ i18n "cookieconsent_decline" }}</button>
+    <button class="button button--small button--accept" type="button" data-consent="true">{{ i18n "cookieconsent_accept" }}</button>
+    {{ with site.Params.privacyPolicyUrl }}<a class="button  button--small" href="{{ . }}">{{ i18n "privacy_policy" }}</a>{{ end }}
   </div>
 </div>