Improve cokkieconsent box styling.

frjo · Dec 8, 2023 · 5ec7742 · 5ec7742
1 parent ea7fe9d
commit 5ec7742
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git 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
@@ -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>