Outage Page Redesign

[amandahmeng]

Implement redesign of Country, Region, and ASN/ISP Outage view. See photos attached and figma link: https://www.figma.com/design/aadTRDVrfuIbnibZvDoqAz/IODA-Redesign%3A-Fall-2023?node-id=1-3&p=f&t=Br6Kod9zeguYZk66-0

  

[amandahmeng]

• change "merit-nt.median" to "telescope" in the alert hover
• change "ping-slash24.median" to "Active Probing" in the alert hover
• decrease the height of the Outages Timeline table rows
• create a hover for Name field that shows full name - for consistency do this at Country, Region, and AS Outage Timeline
• I guess for now make time consistent with timeseries at entity level x-axis - eg 3 hour interval 6:00AM instead of 6AM, although I do see that in the redesign it does look like what you have in dev, but I want to the two to be consistent and we plan to update the outage dashboards in production before we work on updating the entity level pages
• decrease vertical spacing in general on the page so that we don't have dead space - with the goal of seeing the Outage Timelines above the scroll

[amandahmeng]

• decreasing the size of the country and region outage map to see if we can get the timeline header above the scroll and not compromise usability
• change the bluesky feed back to dark and get design student feedback
• implement download button
• implement share button
• change the country, region, ASN/ISP buttons to reflect style here but instead of purple color to signify what tab the user is on, use the blue: https://www.figma.com/design/zkRD3fdHXBi0XISpHnlIYL/IODA-Improvements?node-id=3001-2&p=f&t=qLisnMV9Mzjv2cVx-0

[amandahmeng]

• keep map sized so that all countries can be seen