diff --git a/src/frontend/src/Components/events/EventsTable.js b/src/frontend/src/Components/events/EventsTable.js index b1496ef54..d1bae6233 100644 --- a/src/frontend/src/Components/events/EventsTable.js +++ b/src/frontend/src/Components/events/EventsTable.js @@ -239,7 +239,7 @@ export default function EventsTable(props) { {headerGroup.headers.map((header) => { return ( - + {!header.isPlaceholder && !showLoader && ( {flexRender( diff --git a/src/frontend/src/Components/events/EventsTable.scss b/src/frontend/src/Components/events/EventsTable.scss index 3127d824d..24e913e05 100644 --- a/src/frontend/src/Components/events/EventsTable.scss +++ b/src/frontend/src/Components/events/EventsTable.scss @@ -101,8 +101,8 @@ table { padding: 0 1rem; } th { - padding: 1rem; - vertical-align: middle;; + padding: 1rem 0 1rem 1rem; + vertical-align: middle; } } @@ -122,23 +122,28 @@ tr.closure td.display_category .delay-icon-img { } } - +.display_category { + max-width: 160px; +} .location_description { max-width: 167px; } - .closest_landmark { - max-width: 165px; + max-width: 155px; } - .optimized_description { - max-width: 284px; + max-width: 274px; } .last_updated { - max-width: 138px; + max-width: 128px; } .next_update { - max-width: 138px; + max-width: 128px; + time { + &:hover { + color: $Type-Link; + } + } } @@ -173,6 +178,19 @@ td.next_update .friendly-time-text { } } +.event-table-header { + span { + display: inline-block; + width: 100%; + border-right: 1px solid $Divider; + } + &:last-child { + span { + border: 0; + } + } +} + .empty-event-display { strong { margin-top: 12px;