From c17c86f7b7787664172d34587fcfa1a7f6208747 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Thu, 8 Jun 2023 14:28:55 +0200
Subject: [PATCH 1/2] [BUGFX] styling header date

---
 templates/index.html.tera | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/index.html.tera b/templates/index.html.tera
index f6f4250..c7f6903 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -24,12 +24,12 @@
   {% endif %}
   <div class="bg-white rounded-md flex justify-between flex-col shadow reset-js" style="min-height: 10rem;" data-trips="{{ amount_trips }}" data-month="{{ day.day| date(format='%m') }}" data-coxneeded="{{ day_cox_needed }}">
     <div>
-      <h2 class="font-bold uppercase tracking-wide text-center text-primary-950 text-lg px-3 pt-3">{{ day.day| date(format="%d.%m.%Y") }}
-        <small class="inline-block ml-1 text-xs text-gray-400">{{ day.day | date(format="%A", locale="de_AT") }}</small>  
+      <h2 class="font-bold uppercase tracking-wide text-center text-primary-950 text-lg px-3 py-3 bg-gray-200 bg-opacity-80">{{ day.day| date(format="%d.%m.%Y") }}
+        <small class="inline-block ml-1 text-xs text-gray-500">{{ day.day | date(format="%A", locale="de_AT") }}</small>  
       </h2>
 
       {% if day.planned_events | length > 0 or  day.trips | length > 0 %}
-      <div class="grid grid-cols-1 gap-3 my-3">
+      <div class="grid grid-cols-1 gap-3 mb-3">
 
       {# --- START Events --- #}
       {% if day.planned_events | length > 0 %}

From efb47ae52f1f194fb7e3d082561c572e71e06a99 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Thu, 8 Jun 2023 14:46:57 +0200
Subject: [PATCH 2/2] [TASK] change color header pinned event

---
 templates/index.html.tera | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/templates/index.html.tera b/templates/index.html.tera
index c7f6903..b18438b 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -22,10 +22,11 @@
       {% endif %}
    {% endfor %}
   {% endif %}
+
   <div class="bg-white rounded-md flex justify-between flex-col shadow reset-js" style="min-height: 10rem;" data-trips="{{ amount_trips }}" data-month="{{ day.day| date(format='%m') }}" data-coxneeded="{{ day_cox_needed }}">
     <div>
-      <h2 class="font-bold uppercase tracking-wide text-center text-primary-950 text-lg px-3 py-3 bg-gray-200 bg-opacity-80">{{ day.day| date(format="%d.%m.%Y") }}
-        <small class="inline-block ml-1 text-xs text-gray-500">{{ day.day | date(format="%A", locale="de_AT") }}</small>  
+      <h2 class="font-bold uppercase tracking-wide text-center rounded-t-md  {% if day.is_pinned %} text-white bg-primary-950 {% else %} text-primary-950 bg-gray-200 bg-opacity-80 {% endif %} text-lg px-3 py-3 ">{{ day.day| date(format="%d.%m.%Y") }}
+        <small class="inline-block ml-1 text-xs {% if day.is_pinned %} text-gray-200 {% else %} text-gray-500 {% endif %}">{{ day.day | date(format="%A", locale="de_AT") }}</small>  
       </h2>
 
       {% if day.planned_events | length > 0 or  day.trips | length > 0 %}