Fix: date & region selector styling

src/app/app.component.css

@@ -34,11 +34,22 @@ label {
   font-weight: bold;
 }
 
+/* Fixed height for input/select elements */
 select, input {
   width: 100%;
   padding: 8px;
   border: 1px solid #ccc;
   border-radius: 4px;
+  box-sizing: border-box;
+  height: 40px; /* Set a fixed height for both */
+  line-height: 24px; /* Consistent line height */
+  font-size: 14px; /* Consistent font size */
+  appearance: auto; /* Preserve native appearance but ensure consistent sizing */
+}
+
+.date-input {
+  width: 100%;
+  max-width: 100%;
 }
 
 .chart-container {

src/app/app.component.html

@@ -22,7 +22,8 @@
         id="date"
         [value]="formattedDate"
         (change)="onDateChange($event)"
-        [max]="maxDate">
+        [max]="maxDate"
+        class="date-input">
     </div>
   </div>