rework ux

fairnesscoop · Jun 14, 2024 · 8e4b595 · 8e4b595
1 parent 659f71f
commit 8e4b595
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/templates/pages/faircalendar/_filters_form.njk b/src/templates/pages/faircalendar/_filters_form.njk
@@ -1,9 +1,7 @@
 {% from 'macros/month_navigator.njk' import month_navigator %}
-{% import 'macros/links.njk' as links %}
 
 {% macro filters_form() %}
     <pc-frame-form class="pc-cluster pc-gap" style="--cluster-align: flex-end">
-        {{ links.add(path('people_leave_requests_add'), text='leave-requests-add-title'|trans) }}
         {{ month_navigator(monthTarget='#month', yearTarget='#year') }}
 
         <pc-auto-form>

diff --git a/src/templates/pages/faircalendar/index.njk b/src/templates/pages/faircalendar/index.njk
@@ -1,5 +1,6 @@
 {% extends 'layouts/app.njk' %}
 {% import 'macros/icons.njk' as icons %}
+{% import 'macros/links.njk' as links %}
 {% from 'macros/breadcrumb.njk' import breadcrumb %}
 {% from './_event_list.njk' import event_list with context %}
 {% from './_filters_form.njk' import filters_form with context %}
@@ -8,10 +9,16 @@
 
 {% block main %}
 <div class="pc-container">
-    <pc-frame id="faircalendar">
+    <pc-frame class="pc-stack" id="faircalendar">
         {{ breadcrumb([{ title: title }]) }}
 
-        <h1>{{ title }}</h1>
+        <div class="pc-cluster pc-gap" style="--cluster-justify: space-between; --cluster-align: center">
+            <h1 class="pc-m" style="--m: 0">
+                {{ title }}
+            </h1>
+
+            {{ links.add(path('people_leave_requests_add'), text='leave-requests-add-title'|trans) }}
+        </div>
 
         <div class="pc-with-sidebar pc-with-sidebar-start pc-gap" style="--sidebar-size: 22ch; --non-sidebar-min-size: 80%">
             {{ filters_form() }}