Update styles

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index f4ee83062fef34dc9cd5a7275844ac03054a434b..6a53959a209a13c2f5b9c2ca2fe89939de715509 100644 (file)
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -103,10 +103,45 @@ article article article {
        border-radius: .3rem;
 }
 
        border-radius: .3rem;
 }
 

+article section a.link {
+       display: block;
+       text-align: center;
+       margin: 0 auto;
+       padding: .5rem;
+       /*display: flex;
+       align-items: center;
+       gap: .5rem;*/
+}
+
+article section a.link img {
+       /*width: 12rem;*/
+       padding-right: .5rem;
+       text-align: right;
+       vertical-align: bottom;
+}
+
+article section a.link span {
+       width: 24rem;
+       line-height: 50px;
+       /*flex: 1 1;*/
+}
+

 section {
        border-radius: .4rem;
 }
 
 section {
        border-radius: .4rem;
 }
 

+section .center {
+       display: flex;
+       flex-direction: row;
+       justify-content: center;
+       align-items: center;
+       margin-bottom: .5rem;
+       /*display: block;
+       width: 24rem;*/
+       /*margin: 0 auto;*/
+       gap: .5rem;
+}
+

 /*article {
        background-color: #cff;
 }
 /*article {
        background-color: #cff;
 }


@@ -335,6 +370,17 @@ textarea {
        box-sizing: border-box;
 }
 
        box-sizing: border-box;
 }
 

+optgroup {
+       border: none;
+}
+
+/*option[selected='selected'],*/
+/*option:not(:checked),*/
+option:checked {
+       background-color: #cff;
+}
+
+

 form {
        display: flex;
        flex-direction: column;
 form {
        display: flex;
        flex-direction: column;


@@ -343,10 +389,6 @@ form {
        text-align: center;
 }
 
        text-align: center;
 }
 

-form .row {
-       flex-direction: row;
-}
-

 form div {
        display: flex;
        align-content: space-around;
 form div {
        display: flex;
        align-content: space-around;


@@ -361,11 +403,19 @@ form div:last-of-type {
        margin-bottom: 0;
 }
 
        margin-bottom: 0;
 }
 

+form div.row {
+       flex-direction: row;
+       gap: .5rem;
+       flex-wrap: wrap;
+}
+

 form label {
        width: 12rem;
        line-height: 1.3rem;
 form label {
        width: 12rem;
        line-height: 1.3rem;

-       padding-right: 1rem;
+       /*padding-right: 1rem;*/

        text-align: right;
        text-align: right;

+       overflow-x: hidden;
+       text-overflow: ellipsis;

 }
 
 form label.captcha {
 }
 
 form label.captcha {


@@ -387,6 +437,24 @@ form section section {
        margin: 0 auto;
 }
 
        margin: 0 auto;
 }
 

+form optgroup,
+form option {
+       width: 100%;
+}
+
+/*form optgroup {
+       width: 23.8rem;
+}
+
+form option {
+       width: 23.6rem;
+}*/
+
+/*Checkbox input*/
+form input[type='checkbox'] {
+       width: 1.5rem;
+}
+

 form select {
        padding: 0 .1rem .1rem .1rem;
 }
 form select {
        padding: 0 .1rem .1rem .1rem;
 }


@@ -394,10 +462,15 @@ form select {
 form button {
        width: 10rem;
        /*margin: .5rem auto 0 auto;*/
 form button {
        width: 10rem;
        /*margin: .5rem auto 0 auto;*/

-       margin: 0 auto;
+       /*margin: 0 auto;*/

        padding: 0 .1rem .2rem .1rem;
 }
 
        padding: 0 .1rem .2rem .1rem;
 }
 

+/*form button img {
+       float: left;
+       padding: .5rem;
+}*/
+

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


@@ -1043,13 +1116,11 @@ form div .message {
        }
 
        form label {
        }
 
        form label {

-               width: 6rem;

                line-height: 2rem;
        }
 
        form label.captcha img {
                height: auto;
                line-height: 2rem;
        }
 
        form label.captcha img {
                height: auto;

-               width: 6rem;

                padding: .25rem 0;
        }
 
                padding: .25rem 0;
        }
 


@@ -1063,6 +1134,10 @@ form div .message {
                line-height: 2rem;
        }
 
                line-height: 2rem;
        }
 

+       form select {
+               height: 2.4rem;
+       }
+

        form button {
                width: 6rem;
                line-height: 2rem;
        form button {
                width: 6rem;
                line-height: 2rem;


@@ -1154,7 +1229,7 @@ form div .message {
        form select,
        form textarea,
        form section section {
        form select,
        form textarea,
        form section section {

-               width: 14rem;
+               width: 12rem;

                margin: 0 auto;
        }
 
                margin: 0 auto;
        }