diff --git a/app/styles/_sidebar-right.less b/app/styles/_sidebar-right.less index 375636566d..968786e9b3 100644 --- a/app/styles/_sidebar-right.less +++ b/app/styles/_sidebar-right.less @@ -135,7 +135,7 @@ } } .sidebar-header.right-header { - align-items: center; + align-items: baseline; display: flex; justify-content: space-between; // So that sidebar bottom border aligns with main content header bottom border. @@ -156,6 +156,7 @@ } .event-details-link { .small(); + line-height: 1; margin-right: 20px; } } diff --git a/dist/styles/main.css b/dist/styles/main.css index 4672e5e803..c6aba59831 100644 --- a/dist/styles/main.css +++ b/dist/styles/main.css @@ -5468,11 +5468,11 @@ dl.secret-data pre{margin-bottom:0} .events-sidebar .pficon{vertical-align:middle} .events-sidebar .events-sidebar-collapse{font-size:16px;margin-right:10px} .events-sidebar .events-sidebar-collapse a{text-decoration:none} -.events-sidebar .sidebar-header.right-header{align-items:center;display:flex;justify-content:space-between;margin-top:0;padding-bottom:21px;padding-top:24px} +.events-sidebar .sidebar-header.right-header{align-items:baseline;display:flex;justify-content:space-between;margin-top:0;padding-bottom:21px;padding-top:24px} .events-sidebar .sidebar-header.right-header h2{font-size:14px;margin-bottom:0;margin-top:0} .events-sidebar .sidebar-header.right-header .warning-count{white-space:nowrap;margin-left:2px} .events-sidebar .sidebar-header.right-header .warning-count .pficon{vertical-align:-1px} -.events-sidebar .sidebar-header.right-header .event-details-link{font-size:84%;margin-right:20px} +.events-sidebar .sidebar-header.right-header .event-details-link{font-size:84%;line-height:1;margin-right:20px} .events-sidebar .right-content .event{display:flex;align-items:center;padding:10px 20px} .events-sidebar .right-content .event.highlight{background-color:#f5f5f5;border-bottom-width:0;border-color:#d1d1d1!important} .events-sidebar .right-content .event+.event{border-top:1px solid #ededed}