From d912846f19329a750214ffbca8f13fcb5a4395a1 Mon Sep 17 00:00:00 2001
From: Dorian Lesbre <dorian.lesbre@gmail.com>
Date: Sun, 21 Mar 2021 18:19:04 +0100
Subject: [PATCH] More mobile css

---
 home/static/css/style.css     | 23 +++++++++++++++++++++++
 home/templates/activites.html | 10 +++++++---
 home/templates/admin.html     |  4 ++--
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/home/static/css/style.css b/home/static/css/style.css
index 918cad0..d364970 100644
--- a/home/static/css/style.css
+++ b/home/static/css/style.css
@@ -182,6 +182,18 @@ main h3 {
 	border-image-source: linear-gradient(to right, var(--color_bg_1) 0%, transparent 75%);
 	border-image-slice: 1;
 }
+@media (max-width: 600px) {
+	main {
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+	main h2 {
+		font-size: 1.1rem;
+	}
+	main h3 {
+		font-size: 1rem;
+	}
+}
 
 
 main p {
@@ -233,6 +245,11 @@ main a:link {
 .stat .nb_small {
 	font-size: 2em;
 }
+@media (max-width:600px) {
+	.stat {
+		min-width: 0;
+	}
+}
 
 /* ===========================
 // Lists
@@ -244,6 +261,7 @@ dl {
 	grid-template-columns: auto auto;
 	justify-content: left;
 	padding-left: 10px;
+	margin-bottom: 5px;
 }
 dl dt {
 	justify-self: end;
@@ -255,6 +273,11 @@ dl dd {
 	justify-self: start;
 	text-align: left;
 }
+p.desc {
+	margin-top: 0;
+	padding: 0 10px 20px;
+	text-indent: 25px;
+}
 
 /* ===========================
 // Forms
diff --git a/home/templates/activites.html b/home/templates/activites.html
index f52513f..f49a726 100644
--- a/home/templates/activites.html
+++ b/home/templates/activites.html
@@ -97,14 +97,18 @@
 	{% endif %}
 
 	{% for activity in activities %}
-		<h3 id="act-{{ activity.id }}"">{{ activity.title }}</h3>
-		{{ activity.html_display }}
+		<h3 id="act-{{ activity.id }}">{{ activity.title }}</h3>
+
 		<dl>
 			<dt>Durée :</dt><dd>{{ activity.pretty_duration }}</dd>
 			<dt>Orga :</dt><dd>{{ activity.host_name }}</dd>
 			<dt>Type :</dt><dd>{{ activity.pretty_type }}</dd>
 			<dt>Places :</dt><dd>{{ activity.nb_participants }}</dd>
-			<dt>Description :</dt><dd>{{ activity.description|linebreaksbr }}</dd>
+			{% if activity.start and activity.room %}
+			<dt>Heure/Lieu :</dt><dd>{{ activity.start|date:"l à H:i"|capfirst }} en {{ activity.room }}</dd>
+			{% endif %}
+			<dt>Description :</dt>
 		</dl>
+		<p class="desc">{{ activity.description|linebreaksbr }}</p>
 	{% endfor %}
 {% endblock %}
diff --git a/home/templates/admin.html b/home/templates/admin.html
index 6be8059..2059331 100644
--- a/home/templates/admin.html
+++ b/home/templates/admin.html
@@ -12,7 +12,7 @@
 	</div>
 	<ul class="messagelist">
 		<li class="info">
-	Pour plus d'options d'accès et de modification, aller à la <a href="{% url 'admin:index' %}">page d'administration de django</a>.
+	Pour plus d'options d'accès et de modifications, aller à la <a href="{% url 'admin:index' %}">page d'administration de django</a>.
 	<br>N'y modifiez rien si vous n'êtes pas sur de ce que cela fait.
 		</li></ul>
 
@@ -176,7 +176,7 @@
 			(Modifiez les paramètres s'il faut en renvoyer un)
 		</p>
 		{% else %}
-		<p>L'email aux orga enverra un email uniquement aux orgas des activités qui ont demandé de communiquer la liste de participants.</p>
+		<p>L'email aux orgas enverra un email uniquement aux orgas des activités qui ont demandé de communiquer la liste de participants.</p>
 	{% endif %}
 
 	<div class="flex wrap">
-- 
GitLab