fix spacing issue when start and end time for event had 4 digits

joelhawksley · Dec 9, 2023 · b082e1d · b082e1d
1 parent 802429d
commit b082e1d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/app/components/timeline.html.slim b/app/components/timeline.html.slim
@@ -1,7 +1,7 @@
 - view_object[:day_groups].each_with_index do |event_day, index|
   - next if !event_day[:show_daily_events] && event_day[:events][:periodic].empty?
   div style="display: flex; margin-bottom: 1rem"
-    div style="width: 16rem; vertical-align: top; padding-right: 1rem; border-right: 2px solid #ccc;"
+    div style="width: 15.5rem; vertical-align: top; padding-right: 1rem; border-right: 2px solid #ccc;"
       div style="font-size: 2rem; font-weight: 700" = event_day[:day_name]
       table
         - event_day[:events][:daily].each do |event|
@@ -24,7 +24,7 @@
                 = event.letter
               - else
                 i.fa-fw.fa-solid class="fa-#{event.icon}"
-            td style="whitespace: nowrap; font-size: .75rem; padding: 0 .5rem; width: 5rem;"
+            td style="white-space: nowrap; font-size: .75rem; padding: 0 .5rem; width: 5.5rem;"
               = event.time.to_s.html_safe
             td style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;max-width: 0;"
               = event.summary