diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 59736f3eb3..5b95f5b150 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -202,15 +202,15 @@ } .criticRatingSummary { - background-color: #FFE482!important; - background-color: rgba(255,228,130,0.7); + background-color: #ffe482!important; + background-color: rgba(255,228,130,0.85)!important; color: #000!important; } .criticRatingScore { font-weight: bold; font-size: 18px; - margin: .5em 0; + margin-bottom: .5em; } .itemTag { @@ -362,21 +362,22 @@ a.itemTag:hover { background: #666 no-repeat center; } +.detailSection { + vertical-align: top; + margin-bottom: 3em; +} + .detailSectionHeader { padding: .5em 1em; font-size: 16px; font-weight: bold; border: 1px solid #181818; background: #222; - margin-top: 2em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } -.detailSectionContent { -} - @media all and (max-width: 750px) { .itemBackdrop { @@ -519,26 +520,21 @@ a.itemTag:hover { overflow: hidden; } -.itemMediaInfo { - padding-left: .5em; -} - .mediaInfoStream { - display: inline-block; - vertical-align: top; - margin-right: 2em; + margin: 1em 0; + color: #bbb; } .mediaInfoStreamType { - border-bottom: 1px solid #555; - padding-bottom: 5px; - margin-bottom: .5em; + margin-right: 1em; + color: #fff; +} + +.mediaInfoAttribute { + color: #fff; } .mediaInfoDetails { - margin: 0 0 0 .25em; - padding: 0; - list-style-type: none; } .mediaInfoLabel { diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html index eac98daa08..297e4887e7 100644 --- a/dashboard-ui/itemdetails.html +++ b/dashboard-ui/itemdetails.html @@ -120,35 +120,33 @@