From a85ea5a0b9a027ba37f0e861061882f930b42b37 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 23 Oct 2020 17:22:55 +0200
Subject: updating css of section nav elements when checklist is open

---
 .../frontend/app/views/viewer/sections/subscribe.css       | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

(limited to 'animism-align/frontend/app/views/viewer/sections/subscribe.css')

diff --git a/animism-align/frontend/app/views/viewer/sections/subscribe.css b/animism-align/frontend/app/views/viewer/sections/subscribe.css
index 2b43fe2..88a7b94 100644
--- a/animism-align/frontend/app/views/viewer/sections/subscribe.css
+++ b/animism-align/frontend/app/views/viewer/sections/subscribe.css
@@ -7,7 +7,7 @@
   width: 29.6rem;
   transform: translateY(30rem) translateZ(0);
   transition: opacity 0.01s, transform 0.2s;
-  padding: 0.5rem 0.75rem 0 0.75rem;
+  padding: 0 0.75rem 0 0.75rem;
   background: black;
   border-top: 1px solid white;
   border-right: 1px solid white;
@@ -23,18 +23,30 @@
   border-bottom: 1px solid white;
   bottom: auto;
 }
+.checklist-open .nav-subscribe > div {
+  display: flex;
+  flex-direction: column-reverse;
+}
 .subscribe-open .nav-subscribe {
   transform: translateY(0) translateZ(0);
   opacity: 1;
   z-index: 10;
 }
 
+.checklist-open .nav-subscribe .subscription-form {
+  padding-top: 0;
+}
+.checklist-open .nav-subscribe form label.subscription-privacy {
+  margin-bottom: 1rem;
+}
+
 /* subscription form */
 
 .nav-subscribe .subscription-form {
   width: 100%;
   white-space: normal;
   position: relative;
+  padding-top: 0.5rem;
 }
 .nav-subscribe .subscription-form input[type='email'] {
   font-size: 18px;
-- 
cgit v1.2.3-70-g09d2