Optionalize each account field

[airbundle] / Resources / public / css / screen.css

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 65159308fc511f8e623486282373bb91e9c7790c..6d7d54c7a649553dab74d56133f4cae3dc6c2cf9 100644 (file)
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -234,6 +234,10 @@ form button {
 }
 
 form .message {
+       margin: 0 0 .5rem 0;
+}
+
+form div .message {
        margin: .25rem 0 0 0;
 }
 
@@ -286,7 +290,7 @@ form .message {
 
 #header h1 {
        padding: 0;
-       margin: 0;
+       margin: auto;
        white-space: nowrap;
        width: 171px;
        height: 32px;
@@ -591,10 +595,11 @@ form .message {
 
 .calendar .info {
        line-height: 1rem;
+       text-align: right;
 }
 
 .calendar .pseudonym {
-       grid-column: span 3;
+       grid-column: span 2;
 }
 
 .seven {
@@ -605,6 +610,10 @@ form .message {
        grid-template-columns: repeat(4, 1fr);
 }
 
+.three {
+       grid-template-columns: repeat(3, 1fr);
+}
+
 .two {
        grid-template-columns: repeat(2, 1fr);
 }
@@ -829,11 +838,11 @@ form .message {
                margin-bottom: 0;
        }
 
-       .four {
+       .four,
+       .three {
                grid-template-columns: repeat(2, 1fr);
        }
 
-
        /*#dashboard .seventh:nth-child(n) {
                width: calc(100% / 2 - .1rem);
        }
@@ -862,10 +871,10 @@ form .message {
                grid-column: auto;
        }
 
-       .four {
+       .four,
+       .three {
                grid-template-columns: repeat(1, 1fr);
        }
-
 }
 
 @media ( max-width: 260px ) {