From 0877cc82105e0441b77b0a8688831f02195d7a62 Mon Sep 17 00:00:00 2001
From: "theo@manjaro" <ayte@tutanota.com>
Date: Wed, 15 Jun 2022 23:59:48 +0200
Subject: [PATCH] Les boutons ont une taille "normale"

---
 static/style.css          | 12 ++++++++++++
 templates/free-rooms.html | 12 ++++++------
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/static/style.css b/static/style.css
index d4e3d14..ea614f4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -69,6 +69,13 @@ main p {
     flex-direction: column;
 }
 
+.room-row{
+	display: flex;
+	justify-content: space-between;
+	flex-direction: row;
+	align-items: center;
+}
+
 /* Style The Dropdown Button */
 .dropbtn {
   color: var(--fg);
@@ -242,6 +249,11 @@ input[type="checkbox"] + label {
     box-shadow: 5px 5px black;
 }
 
+.fav label {
+    width: 50px;
+    height: 50px;
+}
+
 .done {
     background: var(--bg-dark);
     text-decoration: line-through;
diff --git a/templates/free-rooms.html b/templates/free-rooms.html
index adcb89c..93a49f3 100644
--- a/templates/free-rooms.html
+++ b/templates/free-rooms.html
@@ -34,10 +34,10 @@
     <div class="flex-container">
       <ul>
       {% for room in favs_free_rooms : %}
-	  <dt>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label for="{{ room.id }}">⭐</label>
-      {% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
+	  <dt><div class="room-row"><div>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}</div><div><input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label style="width:30px;height:30px" for="{{ room.id }}">⭐</label></div></div>
+      	{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
         <br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
-      {% endif %}
+      	{% endif %}
         </dt>
       {% endfor %}
       </ul>
@@ -49,7 +49,7 @@
     <div class="flex-container">
       <ul>
       {% for room in favs_soon_rooms: %}
-        <dt>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label for="{{ room.id }}">⭐</label>
+	  <dt><div class="room-row"><div>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}</div><div><input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}" checked> <label style="width:30px;height:30px" for="{{ room.id }}">⭐</label></div></div>
       {% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
         <br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
       {% else %}
@@ -67,7 +67,7 @@
     <div class="flex-container">
       <ul>
       {% for room in free_rooms: %}
-	  <dt>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label for="{{ room.id }}">⭐</label>
+	  <dt><div class="room-row"><div>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}</div><div><input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label style="width:30px;height:30px" for="{{ room.id }}">⭐</label></div></div>
       {% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
         <br><span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
       {% endif %}
@@ -82,7 +82,7 @@
     <div class="flex-container">
       <ul>
       {% for room in soon_rooms: %}
-	  <dt>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}<input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label for="{{ room.id }}">⭐</label>
+	  <dt><div class="room-row"><div>{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}</div><div><input class="fav" type="checkbox" id="{{ room.id }}" name="favs" value="{{ room.id }}"> <label style="width:30px;height:30px" for="{{ room.id }}">⭐</label></div></div>
       {% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
         <br><span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
       {% else %}