Espace entre les différentes catégories de salles

static/style.css

@@ -162,9 +162,10 @@ dt {
     padding: 10px;
 }
 
-dt .details {
+.details {
     font-weight: normal;
     font-size: 80%;
+	padding: 0px;
 }
 
 input[type="submit"], button, .button{
@@ -262,3 +263,7 @@ footer {
 		flex-grow: 1;
 	}
 }
+
+.room-collumn{
+	margin-bottom: 10px;
+}

templates/free-rooms.html

@@ -42,14 +42,14 @@
 								<div class="room-row">
 									<div>
 										{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
+										{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
+										<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+										{% 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) : %}
-								<span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
-								{% endif %}
 							</dt>
 						{% endfor %}
 					  </ul>
@@ -67,16 +67,16 @@
 									<div class="room-row">
 										<div>
 											{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
+											  {% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
+												<p class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+											  {% else %}
+												<p class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+											  {% 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 : %}
-									<span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
-								  {% else %}
-									<span class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
-								  {% endif %}
 								</dt>
 						  {% endfor %}
 					  </ul>
@@ -97,14 +97,14 @@
 							<div class="room-row">
 								<div>
 									{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
+									{% if not(room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59) : %}
+									<p class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+									{% 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) : %}
-							<span class=details>Jusqu'à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
-							{% endif %}
 						</dt>
 					  {% endfor %}
 				  </ul>
@@ -122,16 +122,16 @@
 							<div class="room-row">
 								<div>
 									{{ room.name }} {% if DEBUG :%}( {{ room.id }} ){% endif %}
+									{% if room.end.hour == 23 and room.end.minute == 59 and room.end.second == 59 : %}
+									<p class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+									{% else %}
+									<p class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</p>
+									{% 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 : %}
-							<span class=details>À {{ frooms_disp[room.name]["start"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
-							{% else %}
-							<span class=details>De {{ frooms_disp[room.name]["start"] }} à {{ frooms_disp[room.name]["end"] }} (dans {{ frooms_disp[room.name]["rtime"] }})</span>
-							{% endif %}
 						</dt>
 					  {% endfor %}
 				  </ul>
@@ -143,7 +143,7 @@
 			{% for d in dident_list : %} <!-- Magie noire pour conserver les départements séléctionnés -->
           <span style="display: none;"><input type="text" name="dept" value="{{ d }}"/></span>
         {% endfor %}
-
+			
         	<input type="submit" value="Valider les favoris">
 		</div>
 	</form>