diff --git a/public/index.html b/public/index.html
index dc765dc..72c0c8f 100644
--- a/public/index.html
+++ b/public/index.html
@@ -68,99 +68,32 @@
diff --git a/public/jeu.css b/public/jeu.css
index 4ae354d..3a52f07 100644
--- a/public/jeu.css
+++ b/public/jeu.css
@@ -9,11 +9,12 @@
--couleur-icone: rgb(200, 200, 200);
--couleur-fond-rgb: 43, 43, 43;
--couleur-fond: rgb(var(--couleur-fond-rgb));
- --couleur-bordure: #ffffff;
+ --couleur-bordure: rgb(200, 200, 200);
--couleur-bordure-grille: #ffffff;
--couleur-police: #ffffff;
--couleur-police-grille: #ffffff;
- --taille-icone: 32px;
+ --taille-icone: 24px;
+ --taille-icone-zone: 48px;
}
@font-face {
@@ -61,12 +62,24 @@ h1 {
justify-content: space-around;
}
+#configuration-regles-bouton,
+#configuration-config-bouton,
+#configuration-stats-bouton,
+#configuration-audio-bouton {
+ height: var(--taille-icone-zone);
+ width: var(--taille-icone-zone);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
#configuration-regles-icone,
#configuration-config-icone,
#configuration-stats-icone,
#configuration-audio-icone {
height: var(--taille-icone);
width: var(--taille-icone);
+ fill: var(--couleur-icone);
}
#grille {
@@ -260,12 +273,18 @@ h1 {
}
#panel-fenetre-bouton-fermeture {
+ width: 48px;
+ height: 48px;
text-decoration: none;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
#panel-fenetre-bouton-fermeture-icone {
- width: 32px;
- height: 32px;
+ width: 40px;
+ height: 40px;
+ fill: var(--couleur-icone);
}
.config-panel #panel-fenetre-contenu {
diff --git a/ts/reglesPanel.ts b/ts/reglesPanel.ts
index 03c841d..4a28428 100644
--- a/ts/reglesPanel.ts
+++ b/ts/reglesPanel.ts
@@ -46,7 +46,8 @@ export default class ReglesPanel {
' ou @JonathanMM@mastodon.social sur mastodon. − ' +
'Page du projet
' +
'Basé sur l\'excellent Wordle et le regretté Motus.
' +
- "Merci à Emmanuel pour l'aide sur les mots à trouver, et à GaranceAmarante pour l'aide sur le dictionnaire." +
+ "Merci à Emmanuel pour l'aide sur les mots à trouver, et à GaranceAmarante pour l'aide sur le dictionnaire.
" +
+ 'Les icônes proviennent de Material Design' +
"