refactor: better style thanks to cursor and claude

Author: kaihendry

go.mod

@@ -1,10 +1,10 @@
 module github.com/kaihendry/days
 
-go 1.23
+go 1.24
 
 require (
 	github.com/apex/gateway/v2 v2.0.0
-	github.com/arran4/golang-ical v0.3.1
+	github.com/arran4/golang-ical v0.3.2
 )
 
 require (

go.sum

@@ -5,6 +5,8 @@ github.com/arran4/golang-ical v0.2.8 h1:8lsFcfQqzg0gBpIxq7fWr4RV+8SVENLMXpSic5xs
 github.com/arran4/golang-ical v0.2.8/go.mod h1:RqMuPGmwRRwjkb07hmm+JBqcWa1vF1LvVmPtSZN2OhQ=
 github.com/arran4/golang-ical v0.3.1 h1:v13B3eQZ9VDHTAvT6M11vVzxYgcYmjyPBE2eAZl3VZk=
 github.com/arran4/golang-ical v0.3.1/go.mod h1:LZWxF8ZIu/sjBVUCV0udiVPrQAgq3V0aa0RfbO99Qkk=
+github.com/arran4/golang-ical v0.3.2 h1:MGNjcXJFSuCXmYX/RpZhR2HDCYoFuK8vTPFLEdFC3JY=
+github.com/arran4/golang-ical v0.3.2/go.mod h1:xblDGxxIUMWwFZk9dlECUlc1iXNV65LJZOTHLVwu8bo=
 github.com/aws/aws-lambda-go v1.17.0/go.mod h1:FEwgPLE6+8wcGBTe5cJN3JWurd1Ztm9zN4jsXsjzKKw=
 github.com/aws/aws-lambda-go v1.46.0 h1:UWVnvh2h2gecOlFhHQfIPQcD8pL/f7pVCutmFl+oXU8=
 github.com/aws/aws-lambda-go v1.46.0/go.mod h1:dpMpZgvWx5vuQJfBt0zqBha60q7Dd7RfgJv23DymV8A=

templates/index.html

@@ -51,14 +51,47 @@
         }
 
         pre {
-  white-space: pre-wrap;
-  word-break: break-all;
-  font-family: inherit;
-  line-height: normal; /* Reset line-height */
-  margin: 0; /* Remove default margin */
-  padding: 0; /* Remove default padding */
-}
+            white-space: pre;
+            word-break: normal;
+            font-family: inherit;
+            line-height: 1.5;
+            margin: 0;
+            padding: 0;
+            display: flex;
+            align-items: center;
+        }
+
+        main {
+            min-width: 300px;
+            width: 100%;
+            max-width: 600px;
+        }
 
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            table-layout: fixed;
+        }
+
+        td {
+            padding: 2px 0;
+            text-align: left;
+            vertical-align: top;
+        }
+
+        td.date {
+            white-space: nowrap;
+        }
+
+        /* Reset table and row styling to default */
+        tr {
+            display: table-row;
+        }
+
+        td {
+            display: table-cell;
+        }
+        
         a {
             color: #2a5db0;
             text-decoration: none;
@@ -67,11 +100,46 @@
         a:hover {
             text-decoration: underline;
         }
+        
+        .holiday {
+            color: #e67e22;
+            font-weight: 600;
+            background-color: #fff3e0;
+            padding: 2px 8px;
+            border-radius: 4px;
+            display: inline-block;
+            font-size: 0.95rem;
+            border: 1px solid #ffd8a8;
+            margin-left: 4px;
+        }
 
-.holiday {
-    color: #d35400;
-    font-weight: bold;
-}
+        /* Visually hidden elements - visible for screen readers and copying */
+        .visually-hidden {
+            clip: rect(1px, 1px, 1px, 1px);
+            height: 1px;
+            width: 1px;
+            overflow: hidden;
+            position: absolute;
+            white-space: pre;
+        }
+
+        @media (max-width: 480px) {
+            table {
+                table-layout: fixed;
+                width: 100%;
+            }
+            
+            td.date {
+                margin-bottom: 2px;
+            }
+            
+            .holiday {
+                display: inline-block;
+                word-break: break-word;
+                max-width: 100%;
+                margin-left: 4px;
+            }
+        }
 
     </style>
 </head>
@@ -104,18 +172,27 @@
 </script>
 <main>
     {{- $previousWeek := -1 }}{{/* Initialize a variable to track the previous week number */}}
+    <table>
     {{range $day := .Days -}}
     {{- $currentWeek := $day.Date | weekNumber }}{{/* Get the current week number */}}
     {{- if ne $currentWeek $previousWeek }}{{/* Compare with the previous week number */}}
-    <h2>Week Number: {{$currentWeek}}</h2>{{/* Print the week number if it's different */}}
+    <tr><td colspan="2"><h2>Week Number: {{$currentWeek}}</h2></td></tr>{{/* Print the week number if it's different */}}
     {{- $previousWeek = $currentWeek }}{{/* Update the previous week number */}}
     {{- end }}
+    <tr>
     {{- if eq ($day.Date.Format "2006-01-02") ($.Now.Format "2006-01-02") }}
-    <pre><strong>{{$day.Date.Format "2006-01-02 Mon"}}</strong></pre>
+        <td class="date"><strong>{{$day.Date.Format "2006-01-02 Mon"}}</strong></td>
+    {{- else }}
+        <td class="date">{{$day.Date.Format "2006-01-02 Mon"}}</td>
+    {{- end }}
+    {{- if $day.IsHoliday}}
+        <td><span class="visually-hidden"> - </span><span class="holiday">{{$day.HolidaySummary}}</span></td>
     {{- else }}
-    <pre>{{$day.Date.Format "2006-01-02 Mon"}}{{if $day.IsHoliday}}<span class="holiday">&nbsp;{{$day.HolidaySummary}}</span>{{end}}</pre>
+        <td></td>
     {{- end }}
+    </tr>
     {{- end }}
+    </table>
     </main>
 
     <br>