Fix form header.message margin

Add three class

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index 65159308fc511f8e623486282373bb91e9c7790c..24248d50f02a9a16d5dc1c7338132284e456cc72 100644 (file)
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -234,6 +234,10 @@ form button {
 }
 
 form .message {
 }
 
 form .message {

+       margin: 0 0 .5rem 0;
+}
+
+form div .message {

        margin: .25rem 0 0 0;
 }
 
        margin: .25rem 0 0 0;
 }
 


@@ -605,6 +609,10 @@ form .message {
        grid-template-columns: repeat(4, 1fr);
 }
 
        grid-template-columns: repeat(4, 1fr);
 }
 

+.three {
+       grid-template-columns: repeat(3, 1fr);
+}
+

 .two {
        grid-template-columns: repeat(2, 1fr);
 }
 .two {
        grid-template-columns: repeat(2, 1fr);
 }


@@ -829,11 +837,11 @@ form .message {
                margin-bottom: 0;
        }
 
                margin-bottom: 0;
        }
 

-       .four {
+       .four,
+       .three {

                grid-template-columns: repeat(2, 1fr);
        }
 
                grid-template-columns: repeat(2, 1fr);
        }
 

-

        /*#dashboard .seventh:nth-child(n) {
                width: calc(100% / 2 - .1rem);
        }
        /*#dashboard .seventh:nth-child(n) {
                width: calc(100% / 2 - .1rem);
        }


@@ -862,10 +870,10 @@ form .message {
                grid-column: auto;
        }
 
                grid-column: auto;
        }
 

-       .four {
+       .four,
+       .three {

                grid-template-columns: repeat(1, 1fr);
        }
                grid-template-columns: repeat(1, 1fr);
        }

-

 }
 
 @media ( max-width: 260px ) {
 }
 
 @media ( max-width: 260px ) {