From b74e3f78e3519d20b6fd49acb0f514afd75318f3 Mon Sep 17 00:00:00 2001 From: Yorhel Date: Tue, 22 Sep 2020 08:48:08 +0200 Subject: CSS: Make review boxes look less messy + make better use of space --- data/style.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/data/style.css b/data/style.css index 5e1301c4..8afcad7c 100644 --- a/data/style.css +++ b/data/style.css @@ -514,16 +514,15 @@ div#vntags { margin: 0 30px 0 30px; border-top: 1px solid $bo } .reviews { display: flex; justify-content: center; flex-wrap: wrap } -.reviewbox { margin: 10px } +.reviewbox { margin: 10px 12px 30px 12px; flex: 1 1; flex-basis: 450px } .reviewbox > div:nth-child(2) > span:first-child { float: right; color: $grayedout$; font-style: normal; margin: -5px 0 0 0; visibility: hidden } .reviewbox > div:nth-child(2):hover > span:first-child, .reviewbox > div:nth-child(2):active > span:first-child { visibility: visible } .reviewbox .review_spoil input:checked ~ span { display: none } .reviewbox .review_spoil input:not(:checked) ~ div { display: none } -.reviewbox > div { width: 500px } .reviewbox > div:first-child { display: flex; justify-content: space-between; background: $secbg$; font-weight: bold } .reviewbox > div:first-child > span:first-child { font-weight: bold } -.reviewbox > div:nth-child(2) { box-sizing: border-box; padding: 5px 0 } +.reviewbox > div:nth-child(2) { box-sizing: border-box; padding: 10px; background: $boxbg$ } .reviewbox > div:last-child { display: flex; justify-content: space-between; border-top: 1px solid $border$ } .reviewbox .myvote { font-weight: bold; text-decoration: underline } -- cgit v1.2.3