From 82368211ddcdeb5272f7c49770c4bbade59d58df Mon Sep 17 00:00:00 2001
From: =?utf8?q?Rapha=C3=ABl=20Gertz?= <git@rapsys.eu>
Date: Wed, 21 Feb 2024 12:50:54 +0100
Subject: [PATCH] Update styles

---
 Resources/public/css/screen.css | 93 +++++++++++++++++++++++++++++----
 1 file changed, 84 insertions(+), 9 deletions(-)

diff --git a/Resources/public/css/screen.css b/Resources/public/css/screen.css
index f4ee830..6a53959 100644
--- a/Resources/public/css/screen.css
+++ b/Resources/public/css/screen.css
@@ -103,10 +103,45 @@ article article article {
 	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 .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;
 }
@@ -335,6 +370,17 @@ textarea {
 	box-sizing: border-box;
 }
 
+optgroup {
+	border: none;
+}
+
+/*option[selected='selected'],*/
+/*option:not(:checked),*/
+option:checked {
+	background-color: #cff;
+}
+
+
 form {
 	display: flex;
 	flex-direction: column;
@@ -343,10 +389,6 @@ form {
 	text-align: center;
 }
 
-form .row {
-	flex-direction: row;
-}
-
 form div {
 	display: flex;
 	align-content: space-around;
@@ -361,11 +403,19 @@ form div:last-of-type {
 	margin-bottom: 0;
 }
 
+form div.row {
+	flex-direction: row;
+	gap: .5rem;
+	flex-wrap: wrap;
+}
+
 form label {
 	width: 12rem;
 	line-height: 1.3rem;
-	padding-right: 1rem;
+	/*padding-right: 1rem;*/
 	text-align: right;
+	overflow-x: hidden;
+	text-overflow: ellipsis;
 }
 
 form label.captcha {
@@ -387,6 +437,24 @@ form section section {
 	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;
 }
@@ -394,10 +462,15 @@ form select {
 form button {
 	width: 10rem;
 	/*margin: .5rem auto 0 auto;*/
-	margin: 0 auto;
+	/*margin: 0 auto;*/
 	padding: 0 .1rem .2rem .1rem;
 }
 
+/*form button img {
+	float: left;
+	padding: .5rem;
+}*/
+
 form .message {
 	margin: 0 0 .5rem 0;
 }
@@ -1043,13 +1116,11 @@ form div .message {
 	}
 
 	form label {
-		width: 6rem;
 		line-height: 2rem;
 	}
 
 	form label.captcha img {
 		height: auto;
-		width: 6rem;
 		padding: .25rem 0;
 	}
 
@@ -1063,6 +1134,10 @@ form div .message {
 		line-height: 2rem;
 	}
 
+	form select {
+		height: 2.4rem;
+	}
+
 	form button {
 		width: 6rem;
 		line-height: 2rem;
@@ -1154,7 +1229,7 @@ form div .message {
 	form select,
 	form textarea,
 	form section section {
-		width: 14rem;
+		width: 12rem;
 		margin: 0 auto;
 	}
 
-- 
2.41.1