minor fix

[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 2743038..4241253 100644 (file)
--- a/src/wolnelektury/static/2022/more.scss
+++ b/src/wolnelektury/static/2022/more.scss
@@ -318,16 +318,20 @@ form {
         color: #92BD39;
     }
 
         color: #92BD39;
     }
 

-    > p, form {
+    > p, form, > .normal-text {

         min-width: 300px;
         margin-left: 50px;
         margin-right: 50px;
         min-width: 300px;
         margin-left: 50px;
         margin-right: 50px;

+        width: auto;

     }
     }

+}

 
 

+.page-simple, .nice-controls {

     button, input[type=submit] {
         margin: 24px 0;
         height: 56px;
         background: #083F4D;
     button, input[type=submit] {
         margin: 24px 0;
         height: 56px;
         background: #083F4D;

+        border: none;

         border-radius: 3px;
         font-weight: 600;
         font-size: 20px;
         border-radius: 3px;
         font-weight: 600;
         font-size: 20px;


@@ -338,6 +342,15 @@ form {
         text-align: center;
         color: #FFFFFF;
         width: 340px;
         text-align: center;
         color: #FFFFFF;
         width: 340px;

+
+        &.active {
+            outline: 2px solid #083F4D;
+            outline-offset: 3px;
+        }
+        
+        &:disabled {
+            opacity: .8;
+        }

     }
 
     label {
     }
 
     label {


@@ -349,10 +362,9 @@ form {
         margin-top: 24px;
     }
 
         margin-top: 24px;
     }
 

-    input {
+    input, textarea, select {

         display: block;
         width: 100%;
         display: block;
         width: 100%;

-        height: 56px;

         background: #FFFFFF;
         color: black;
         border: 1px solid #D5ECED;
         background: #FFFFFF;
         color: black;
         border: 1px solid #D5ECED;


@@ -361,6 +373,9 @@ form {
         padding: 10px;
         outline: 0;
     }
         padding: 10px;
         outline: 0;
     }

+    input, select {
+        height: 56px;
+    }

     input[type=checkbox], input[type=radio] {
         display: inline;
         float: left;
     input[type=checkbox], input[type=radio] {
         display: inline;
         float: left;


@@ -370,3 +385,20 @@ form {
         margin-right: 1em;
     }
 }
         margin-right: 1em;
     }
 }

+
+
+.experiment {
+    display: flex;
+    align-items: center;
+}
+
+
+
+.page-simple {
+    .form-info {
+        h2 {
+            font-size: 1.5em;
+            margin-top: 0;
+        }
+    }
+}