From 18adcf34c387d47a3685f0d3fda0de07599ef64b Mon Sep 17 00:00:00 2001
From: Adam Kudrna <adam.kudrna@lmc.eu>
Date: Thu, 3 Feb 2022 18:42:18 +0100
Subject: [PATCH] Feat: Tweak box mode of consent modal according to graphic
 design #CCM-47

---
 src/scss/settings/_settings.scss   | 2 +-
 src/scss/style/_consent-modal.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/scss/settings/_settings.scss b/src/scss/settings/_settings.scss
index 32f882c5..4652ccdd 100644
--- a/src/scss/settings/_settings.scss
+++ b/src/scss/settings/_settings.scss
@@ -10,7 +10,7 @@ $button-padding: calc(#{units.rem2em(tokens.$space-4)} - var(--lmcccm-p-btn-bord
 $button-spacing-x: units.rem2em(tokens.$space-6);
 $button-spacing-y: units.rem2em(tokens.$space-6);
 
-$consent-box-max-width: 30em;
+$consent-box-max-width: 40em;
 $consent-cloud-max-width: 68em;
 
 $modal-padding-desktop: units.rem2em(tokens.$space-7);
diff --git a/src/scss/style/_consent-modal.scss b/src/scss/style/_consent-modal.scss
index 3f90b70a..2fcffbe3 100644
--- a/src/scss/style/_consent-modal.scss
+++ b/src/scss/style/_consent-modal.scss
@@ -8,6 +8,7 @@
     box-shadow: tokens.$shadow-1;
 }
 
+#cm.box,
 #cm.bar {
     padding: units.rem2em(tokens.$space-9);
 }
@@ -29,6 +30,11 @@
     margin-top: 0;
 }
 
+#cm.box #c-bns {
+    justify-content: flex-end;
+}
+
+#cm.box #c-bns .c-bn,
 #cm.bar #c-bns .c-bn {
     width: auto;
     flex: none;