style: update custom CSS for consistent table and link heights to fix…

… daily summary layout on Firefox

- Adjusted the height properties for table headers, rows, and cells to ensure a uniform height of 2rem, improving visual consistency across the UI.
- Modified link styles within table cells to maintain consistent dimensions and alignment, enhancing user experience.
- Added new CSS rules to prevent content overflow and ensure proper vertical alignment in table cells, contributing to a cleaner layout.

assets/custom.css

@@ -73,7 +73,8 @@ thead.sticky-header {
   position: sticky;
   top: 0;
   z-index: 10;
-  background-image: linear-gradient(to bottom, white 70%, transparent 100%);
+  height: 2rem;
+  background-color: var(--fallback-b1,oklch(var(--b1)/1));
 }
 
 [data-theme=dark] thead.sticky-header {
@@ -105,8 +106,10 @@ thead.sticky-header {
 }
 
 .hour-data a {
-  height: 100%;
-  width: 100%;
+  height: 2rem;
+  min-height: 2rem;
+  max-height: 2rem;
+  box-sizing: border-box;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -526,4 +529,42 @@ thead.sticky-header {
 /* For Firefox */
 [data-theme="dark"] input[type="date"] {
   color-scheme: dark;
+}
+
+/* Ensure table cells have consistent height and prevent content overflow */
+.hour-data {
+  height: 2rem;
+  min-height: 2rem;
+  max-height: 2rem;
+  line-height: 2rem;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+
+/* Fix table row height consistency */
+.table tr {
+  height: 2rem;
+  min-height: 2rem;
+  max-height: 2rem;
+}
+
+/* Ensure table cells maintain their dimensions */
+.table td, 
+.table th {
+  box-sizing: border-box;
+  height: 2rem;
+  min-height: 2rem;
+  max-height: 2rem;
+  vertical-align: middle;
+}
+
+/* Fix flex alignment in cells with links */
+.hour-data a {
+  height: 2rem;
+  min-height: 2rem;
+  max-height: 2rem;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }