Adding min-width to date column

thamara · Oct 10, 2023 · 61754a1 · 61754a1
1 parent ce3c650
commit 61754a1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -739,6 +739,10 @@ input:disabled + .slider {
   width: 100%;
 }
 
+#workday-waiver-window .list-date-header {
+  min-width: 80px;
+}
+
 #workday-waiver-window a.nav-link:not(.active) {
   color: var(--page-color);
   border-bottom: 1px solid var(--tab-waiver-border);

diff --git a/src/workday-waiver.html b/src/workday-waiver.html
@@ -94,7 +94,7 @@
                     <table id="holiday-list-table">
                         <thead>
                             <tr>
-                                <th data-i18n="$WorkdayWaiver.date">Date</th>
+                                <th class="list-date-header" data-i18n="$WorkdayWaiver.date">Date</th>
                                 <th data-i18n="$WorkdayWaiver.holiday">Holiday</th>
                                 <th data-i18n="$WorkdayWaiver.on-working-day">On working day</th>
                                 <th data-i18n="$WorkdayWaiver.conflicts">Conflicts?</th>
@@ -124,7 +124,7 @@
                 <thead>
                     <tr>
                         <th></th>
-                        <th data-i18n="$WorkdayWaiver.day">Day</th>
+                        <th class="list-date-header" data-i18n="$WorkdayWaiver.day">Day</th>
                         <th data-i18n="$WorkdayWaiver.waiver-reason">Waiver Reason</th>
                         <th data-i18n="$WorkdayWaiver.hours-waived">Hours Waived</th>
                     </tr>