From 5f47835f4cc2d6c2305830cf1052150633d05797 Mon Sep 17 00:00:00 2001 From: Cirno the Strongest <1447794+CirnoT@users.noreply.github.com> Date: Mon, 15 Jun 2020 09:37:00 +0200 Subject: Better align items using flex within review request box (#11879) * Better align items using flex within review request box * use justify-content Co-authored-by: Lauris BH Co-authored-by: techknowlogick --- web_src/less/_repository.less | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) (limited to 'web_src/less/_repository.less') diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 0687347efd..69568c8584 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -657,14 +657,18 @@ } .review-item { + display: flex; + justify-content: space-between; + align-items: center; + + .review-item-left, + .review-item-right { + display: flex; + align-items: center; + } .avatar, .type-icon { - float: none; - display: inline-block; - text-align: center; - vertical-align: middle; - .svg { width: 23px; height: 23px; @@ -676,8 +680,12 @@ } .type-icon { - float: right; + align-self: flex-start; margin-right: 1em; + + i { + line-height: 1.8em; + } } .divider { -- cgit v1.2.3