fix reader

[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 6551666..1e6b692 100644 (file)
--- 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;
 
     position:absolute;
     top: 60px;

-    z-index: 1;
+    z-index: 50;

 
     position: absolute;
     width: 186px;
 
     position: absolute;
     width: 186px;


@@ -230,22 +230,50 @@ form {
 
 .experiment {
     display: flex;
 
 .experiment {
     display: flex;

+    margin: 1em 16px;
+    font-size: 1.5em;

     align-items: center;
     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 {
 
 .funding-promo-bar {

-    margin: 18px auto;
+    margin: auto;

 
     .l-checkout__support {
 
     .l-checkout__support {

-        margin: 0;
+        margin: 18px 0;

         a {
             display: flex;
             align-items: start;
         a {
             display: flex;
             align-items: start;

+            gap: 0 10px;
+
+            flex-wrap: wrap;
+            @include rwd($B4) {
+                flex-wrap: nowrap;
+            }

 
             .buttonlike {
 
             .buttonlike {

-                margin-right: 10px;

                 background: #FFA500;
                 //color: #083F4D;
                 color: black;
                 background: #FFA500;
                 //color: #083F4D;
                 color: black;


@@ -262,6 +290,11 @@ form {
             }
             .funding-bar-container {
                 flex-grow: 1;
             }
             .funding-bar-container {
                 flex-grow: 1;

+
+                display: contents;
+                @include rwd($B4) {
+                    display: block;
+                }

             }
         }
     }
             }
         }
     }