From ea7671fcbd5bd829b16771670263aebaf29c69c1 Mon Sep 17 00:00:00 2001
From: Radek Czajka <rczajka@rczajka.pl>
Date: Thu, 3 Nov 2022 14:49:45 +0100
Subject: [PATCH] Funding changes.

---
 .../templates/funding/2022/offer_detail.html     | 16 +++++++++++++---
 src/wolnelektury/static/2022/more.scss           | 10 ++++++++++
 src/wolnelektury/static/2022/styles/local.scss   | 11 ++++++++---
 3 files changed, 31 insertions(+), 6 deletions(-)

diff --git a/src/funding/templates/funding/2022/offer_detail.html b/src/funding/templates/funding/2022/offer_detail.html
index b6d89e6d1..bb5bb9e72 100644
--- a/src/funding/templates/funding/2022/offer_detail.html
+++ b/src/funding/templates/funding/2022/offer_detail.html
@@ -33,7 +33,8 @@
           {% endif %}
         </div>
       </div>
-      <div class="l-checkout__col">
+      <div class="l-checkout__col funding-details">
+        <h2>{% trans "Help free the book!" %}</h2>
         <div class="funding-description">
           {{ object.description|safe }}
         </div>
@@ -43,7 +44,7 @@
             <span class="helptext">
               {{ form.data_processing }}
             </span>
-            <button type="submit">{% trans 'Donate!' %}</button>
+            <button type="submit" class="button-orange">Wesprzyj!</button>
           </form>
         {% else %}
           {{ object.status }}
@@ -81,8 +82,17 @@
             <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Więcej" data-action="Mniej">Więcej</button>
           </div>
         </div>
-      {% endif %}
 
+        <div class="l-checkout__footer__content__item">
+          <h3>Informacja o przetwarzaniu danych osobowych</h3>
+          <div>
+            <div class="l-article__overlay" data-max-height="91">
+              {% chunk 'donation-data-processing' %}
+            </div>
+            <button class="l-article__read-more" aria-label="Kliknij aby rozwinąć" data-label="Więcej" data-action="Mniej">Więcej</button>
+          </div>
+        </div>
+      {% endif %}
     </div>
   </div>
 
diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss
index 754578dd5..0a2ba062e 100644
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -455,3 +455,13 @@ form {
 .l-change-pop {
     margin-bottom: 18px;
 }
+
+
+.page-simple button.button-orange {
+    background: #FFA500;
+    color: black;
+    transition: all cubic-bezier(0.25, 1, 0.5, 1) 350ms;
+    &:hover {
+        background: #92BD39;
+    }
+}
diff --git a/src/wolnelektury/static/2022/styles/local.scss b/src/wolnelektury/static/2022/styles/local.scss
index d9aafcf2d..726b1b3f3 100644
--- a/src/wolnelektury/static/2022/styles/local.scss
+++ b/src/wolnelektury/static/2022/styles/local.scss
@@ -84,10 +84,15 @@ $teal: #007880;
     right: -210px;
     color: #083F4D;
 }
-.funding-description {
+.funding-details {
     h2 {
         margin-top: 0;
-        font-size: 1.125rem;
-        line-height: 1.35;
+        margin-bottom: 1.5rem;
+    }
+    .funding-description {
+        h2 {
+            font-size: 1.25rem;
+            line-height: 1.35;
+        }
     }
 }
-- 
2.20.1