_public.scss in locomotivecms-3.0.0.rc4

- old
+ new

@@ -14,28 +14,30 @@
   text-align: center;
   background: linear-gradient(to bottom, $brand-primary 60px, $brand-primary 20%, $brand-primary-alt);
 }
 
 // Centers the content of a public page.
+
 .public-container {
-  height: 100%;
   width: 100%;
+  height: 100%;
   text-align: center;
   animation: fade-down 1s ease-out;
   &:before {
-    content: ' ';
     display: inline-block;
-    vertical-align: middle;
     height: 100%;
+    vertical-align: middle;
+    content: " ";
   }
 }
 
 // Wraps and centers all content of the public forms.
 
 .public-form-wrapper {
-  width: 480px;
   display: inline-block;
+  width: 480px;
+  margin: 25px 0;
   vertical-align: middle;
 }
 
 // Adds a logo above the public form.
 
@@ -117,9 +119,10 @@
 // =============================================================================
 
 @media (max-width: $screen-xs-min) {
   .public-form-wrapper {
     left: 0;
+    width: 99%;
     padding: 20px 10px;
     margin-left: 0;
   }
   .public-form {
     display: inline-block;