Ajustement du rendu

- Fix #130
- Fix #141

src/agenda_culturel/static/style.scss

@@ -22,6 +22,7 @@ $enable-responsive-typography: true;
 }
 
 :root {
+    --pico-font-size: 80%;
     --spacing: 0.4rem;
     
     h1 {
@@ -306,27 +307,31 @@ header .title {
     text-align: center;
 }
 
+.title.small h1 {
+    font-size: 150%;
+}
+
 .navigation {
-    @media only screen and (min-width: 992px) {
-        margin-top: -3.5em;
-    }
     margin: 1em 0;
+    height: 2.5em;
+    @media only screen and (min-width: 992px) {
+        margin: -3.4em 0 3.4em 0;
+        height: fit-content;
+    }
+    
     padding: 0;
-    display: flex;
-    flex-direction: row;
-    gap: 0.2em;
     div {
-        width: 0;
-        flex: 1 1 0px;
-        a {
-            width: 100%;
-        }
+        width: fit-content;
+        float: left;
         @media only screen and (min-width: 992px) {
             a {
                 width: 10em;
             }
         }
     }
+    div.right {
+        float: right;
+    }
     
 }
 

src/agenda_culturel/templates/agenda_culturel/page-month.html

@@ -32,7 +32,7 @@
 
  <article>
     <header>
-        <div class="title"><h1>{{ calendar.firstdate | date:"F o" }}</h1></div>
+        <div class="title small"><h1>{{ calendar.firstdate | date:"F o" }}</h1></div>
         <div class="navigation">
             <div>
             {% if calendar.firstdate|shift_day:-1|not_before_first %}

src/agenda_culturel/templates/agenda_culturel/page-week.html

@@ -28,7 +28,12 @@
 
 <article>
     <header>
-        <div class="title"><h1>Semaine du {{ calendar.calendar_days_list.0.date |date|frdate }}</h1></div>
+        <div class="title small"><h1>
+            {% if calendar.today_in_calendar %}
+            Cette semaine
+            {% else %}
+            semaine du {{ calendar.calendar_days_list.0.date |date:"j F"|frdate }}
+            {% endif %}</h1></div>
         <div class="navigation">
             <div>
             {% if calendar.firstdate|shift_day:-1|not_before_first %}