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 7505aab..1e6b692 100644 (file)
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -5,10 +5,6 @@ body.is-open {
     overflow-y: hidden;
 }
 
-.l-navigation__logo {
-    height: 44px;
-}
-
 .l-navigation__menu {
     .scrollable {
         height: 100%;
@@ -156,7 +152,7 @@ body.is-open {
 
     position:absolute;
     top: 60px;
-    z-index: 1;
+    z-index: 50;
 
     position: absolute;
     width: 186px;
@@ -234,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;
@@ -266,6 +290,11 @@ form {
             }
             .funding-bar-container {
                 flex-grow: 1;
+
+                display: contents;
+                @include rwd($B4) {
+                    display: block;
+                }
             }
         }
     }