adding #34

public/components.html

@@ -19,7 +19,7 @@
         <div class="bar">
             <div class="bar__main">
                 <h1 class="m-top-4 m-bottom-4 h4">
-                    Plain UI 0.2
+                    Plain UI 0.3
                 </h1>
             </div>
         </div>
@@ -504,7 +504,7 @@
                             </svg>
                             Delete
                         </div>
-                        <div class="modal__body">
+                        <div class="modal__body center">
                             Do you really wan't to delete all files?
                         </div>
                         <div class="modal__footer">

public/helpers.html

@@ -16,7 +16,7 @@
         <div class="bar">
             <div class="bar__main">
                 <h1 class="m-top-4 m-bottom-4 h4">
-                    Plain UI 0.2
+                    Plain UI 0.3
                 </h1>
             </div>
         </div>

public/impressum.html

@@ -19,7 +19,7 @@
         <div class="bar">
             <div class="bar__main">
                 <h1 class="m-top-4 m-bottom-4 h4">
-                    Plain UI 0.2
+                    Plain UI 0.3
                 </h1>
             </div>
         </div>

public/imprint.html

@@ -19,7 +19,7 @@
         <div class="bar">
             <div class="bar__main">
                 <h1 class="m-top-4 m-bottom-4 h4">
-                    Plain UI 0.2
+                    Plain UI 0.3
                 </h1>
             </div>
         </div>

public/index.html

@@ -17,7 +17,7 @@
         <div class="bar">
             <div class="bar__start">
                 <h1 class="m-top-4 m-bottom-4 h4">
-                    Plain UI 0.2
+                    Plain UI 0.3
                 </h1>
             </div>
             <div class="bar__main justify-end">

public/layout.html

@@ -17,7 +17,7 @@
         <div class="bar">
             <div class="bar__main">
                 <h1 class="m-top-4 m-bottom-4 h4">
-                    Plain UI 0.2
+                    Plain UI 0.3
                 </h1>
             </div>
         </div>

public/plain-ui.css

@@ -2754,6 +2754,7 @@ input[type=checkbox].field-choice:checked ~ .field-switch:after {
   transition: transform 0.5s;
   transform: scale(0);
   max-width: 600px;
+  width: 100%;
 }
 .modal__title {
   font-size: 2rem;

src/scss/components/_modal.scss

@@ -41,6 +41,7 @@
         transform: scale(0);
 
         max-width: 600px;
+        width: 100%;
     }
 
     &__title {