X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/aed70facf3a26e27b1a96b04cad8139de600e42f..6dd6758582da7f138885dc1eee41c8f9031da410:/src/wolnelektury/static/2022/more.scss

diff --git a/src/wolnelektury/static/2022/more.scss b/src/wolnelektury/static/2022/more.scss
index 65516666f..1e6b692c4 100644
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -152,7 +152,7 @@ body.is-open {
 
     position:absolute;
     top: 60px;
-    z-index: 1;
+    z-index: 50;
 
     position: absolute;
     width: 186px;
@@ -230,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;
@@ -262,6 +290,11 @@ form {
             }
             .funding-bar-container {
                 flex-grow: 1;
+
+                display: contents;
+                @include rwd($B4) {
+                    display: block;
+                }
             }
         }
     }