From 953edad91ff617205bfdb1450d24911b6395828a Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Wed, 31 Jul 2024 08:50:46 +0200
Subject: [PATCH] feat(css): enhance header layout and task styling

Improved the header's layout by making the logo and button positioning more intuitive and visually appealing. Adjusted header padding and button placement to be more consistent. Added text alignment to non-timed tasks for better readability.
---
 example.css    | 13 +++++++++++--
 kanblendar.css |  5 +++--
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/example.css b/example.css
index 340f61c..43cae43 100644
--- a/example.css
+++ b/example.css
@@ -8,12 +8,21 @@ body {
 header {
     background-color: #4CAF50;
     color: white;
+    position: relative;
     text-align: center;
-    padding: 1em 0;
+    padding: 1em 2em;
+}
+
+header h1 {
+    margin: 0;
+    display: inline-block;
 }
 
 header button {
-    margin: 1em;
+    position: absolute;
+    right: 2em;
+    top: 50%;
+    transform: translateY(-50%);
     padding: 0.5em 1em;
     background-color: #fff;
     border: 1px solid #4CAF50;
diff --git a/kanblendar.css b/kanblendar.css
index 5c8567c..aadb612 100644
--- a/kanblendar.css
+++ b/kanblendar.css
@@ -24,9 +24,9 @@
 .kanblendar-non-timed-tasks {
     margin-bottom: 1em;
     min-height: 50px;
-    /* Ensure it has a minimum height */
     background-color: #fafafa;
     border: 1px dashed #ddd;
+    text-align: center;
 }
 
 .kanblendar-task {
@@ -130,6 +130,7 @@
 
 /* Current Time Highlight */
 .kanblendar-current-time {
-    background-color: #ffeb3b; /* Highlight color */
+    background-color: #ffeb3b;
+    /* Highlight color */
     border-color: #fbc02d;
 }
\ No newline at end of file