Add Slot and Snippet table replacement

[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 {
 }
 
 form .message {

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

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


@@ -286,7 +290,7 @@ form .message {
 
 #header h1 {
        padding: 0;
 
 #header h1 {
        padding: 0;

-       margin: 0;
+       margin: auto;

        white-space: nowrap;
        width: 171px;
        height: 32px;
        white-space: nowrap;
        width: 171px;
        height: 32px;


@@ -591,10 +595,11 @@ form .message {
 
 .calendar .info {
        line-height: 1rem;
 
 .calendar .info {
        line-height: 1rem;

+       text-align: right;

 }
 
 .calendar .pseudonym {
 }
 
 .calendar .pseudonym {

-       grid-column: span 3;
+       grid-column: span 2;

 }
 
 .seven {
 }
 
 .seven {


@@ -605,6 +610,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 +838,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 +871,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 ) {