Changement de l'affichage pour le changeur de thème

cours-ensiie.html

@@ -31,7 +31,13 @@
         </a>
 
         <div class="floating_links">
-            <button type="button" class="theme_toggle" onclick="toggleLights(this)" data-dark="Thème sombre" data-light="Thème clair">{LIGHT SWITCHER}</button>
+            <button
+                type="button" class="theme_toggle"
+                onclick="toggleLights(this)"
+                data-dark="⚬"
+                data-light="☀"
+                title="Changer de thème"
+            >{LIGHT SWITCHER}</button>
         </div>
     </header>
 

index.html

@@ -31,7 +31,13 @@
         </a>
 
         <div class="floating_links">
-            <button type="button" class="theme_toggle" onclick="toggleLights(this)" data-dark="Thème sombre" data-light="Thème clair">{LIGHT SWITCHER}</button>
+            <button
+                type="button" class="theme_toggle"
+                onclick="toggleLights(this)"
+                data-dark="⚬"
+                data-light="☀"
+                title="Changer de thème"
+            >{LIGHT SWITCHER}</button>
         </div>
     </header>
 

styles.css

@@ -98,7 +98,7 @@ section.container a::after {
 }
 
 header {
-    background: #333333 url("ressources/bg_crop_kumiko.png") 95% bottom / contain no-repeat;
+    background: #333333 url("ressources/bg_crop_kumiko.png") 90% bottom / contain no-repeat;
     width: 100%;
     height: 200px;
     color: #FFFFFF;
@@ -201,20 +201,18 @@ button.theme_toggle {
     border: none;
     border-radius: 5px;
     padding: 5px 8px;
-    line-height: 8px;
     color: #ffffff;
     font-size: 8px;
     text-transform: uppercase;
     width: 100%;
     text-align: center;
+    line-height: 30px;
+    font-size: 30px;
 }
 
 button.theme_toggle { background-color: #333333; display: none; margin-bottom: 5px; }
 button.theme_toggle:hover { background-color: #505050; }
 
-@media only screen and (min-width: 600px) {
-  button.theme_toggle { line-height: 10px; font-size: 10px; }
-}
 
 /* Files list */