add outline for days with events

dist/index.css

@@ -87,7 +87,10 @@ main:has([showingobjects][chatopen]) #settings-tab {
 .day-miniature[today] h3 {
   color: var(--primary);
 }
-@media (min-width: 900px) {
+.day-miniature:has(> div:not(:empty)):not([selected]) {
+  border: var(--gap-between-tiles) solid var(--text-warning);
+}
+@media (min-width: 750px) {
   .calendar-wrapper:not([chatvisible] *) {
     flex-direction: row;
   }
@@ -111,12 +114,15 @@ main:has([showingobjects][chatopen]) #settings-tab {
     max-width: var(--day-view-width);
   }
 }
-@media (max-width: 500px) {
+@media (min-width: 750px) and (max-width: 1000px) {
   .day-miniature {
     padding: var(--control-padding) !important;
+    align-items: center;
+    justify-content: center;
   }
   .day-miniature h3 {
     font-size: 1rem;
+    text-align: center;
   }
   .day-miniature > div {
     display: none;

src/styles.css

@@ -51,8 +51,6 @@
   padding-top: var(--content-padding);
 }
 
-
-
 [showingobjects][chatvisible] :is(.thread-view, footer) {
   display: flex;
 
@@ -122,7 +120,11 @@ main:has([showingobjects][chatopen]) #settings-tab {
   color: var(--primary);
 }
 
-@media (min-width: 900px) {
+.day-miniature:has(> div:not(:empty)):not([selected]) {
+  border: var(--gap-between-tiles) solid var(--text-warning);
+}
+
+@media (min-width: 750px) {
   .calendar-wrapper:not([chatvisible] *) {
     flex-direction: row;
   }
@@ -137,7 +139,6 @@ main:has([showingobjects][chatopen]) #settings-tab {
   }
 }
 
-
 @media (min-width: 1200px) {
   .calendar-wrapper {
     flex-direction: row;
@@ -153,13 +154,17 @@ main:has([showingobjects][chatopen]) #settings-tab {
   }
 }
 
-@media (max-width: 500px) {
+@media (min-width: 750px) and (max-width: 1000px) {
   .day-miniature {
     padding: var(--control-padding) !important;
+
+    align-items: center;
+    justify-content: center;
   }
 
   .day-miniature h3 {
     font-size: 1rem;
+    text-align: center;
   }
 
   .day-miniature > div {