Text layout changes.

[wolnelektury.git] / src / wolnelektury / static / 2022 / more.scss

diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss
index 7bdd833..1e6b692 100644 (file)
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -5,19 +5,6 @@ body.is-open {
     overflow-y: hidden;
 }
 
-.l-change-pop {
-    margin-top: 18px;
-}
-.is-open .l-change-pop {
-    height: auto;
-    margin-top: 18px;
-    padding: 10px 50px;
-}
-
-.l-navigation__logo {
-    height: 44px;
-}
-
 .l-navigation__menu {
     .scrollable {
         height: 100%;
@@ -51,7 +38,7 @@ body.is-open {
     .l-books__item {
         @include rwd($break-wide) {
 
-            width: 214.5px;
+            width: 214.4px;
             margin-left: 17px;
             margin-right: 0;
             &:first-of-type {
@@ -165,7 +152,7 @@ body.is-open {
 
     position:absolute;
     top: 60px;
-    z-index: 1;
+    z-index: 50;
 
     position: absolute;
     width: 186px;
@@ -243,22 +230,50 @@ form {
 
 .experiment {
     display: flex;
+    margin: 1em 16px;
+    font-size: 1.5em;
     align-items: center;
+    flex-direction: column;
+    margin-top: 2em;
+    @include rwd($break-flow) {
+        flex-direction: row;
+        align-items: flex-end;
+    }
+
+    > span, > div {
+       text-align: center;
+       @include rwd($break-flow) {
+           width: 50%;
+       }
+    }        
 }
 
 
+.legend {
+    margin: 1em 16px;
+    font-size: .7em;
+    color: #777;
+    text-align:right;
+    font-style:italic;
+}
+
 
 .funding-promo-bar {
-    margin: 18px auto;
+    margin: auto;
 
     .l-checkout__support {
-        margin: 0;
+        margin: 18px 0;
         a {
             display: flex;
             align-items: start;
+            gap: 0 10px;
+
+            flex-wrap: wrap;
+            @include rwd($B4) {
+                flex-wrap: nowrap;
+            }
 
             .buttonlike {
-                margin-right: 10px;
                 background: #FFA500;
                 //color: #083F4D;
                 color: black;
@@ -275,6 +290,11 @@ form {
             }
             .funding-bar-container {
                 flex-grow: 1;
+
+                display: contents;
+                @include rwd($B4) {
+                    display: block;
+                }
             }
         }
     }
@@ -284,12 +304,6 @@ form {
     overflow: hidden;
 }
 
-
-.l-change-pop {
-    margin-bottom: 18px;
-}
-
-
 .poll-bar {
     height: 10px;
     width: 100%;