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

@@ -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;

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;
 }