From 4f66fec707cd4bf8f76dd7475af9836dca3dd99b Mon Sep 17 00:00:00 2001 From: wxiaoguang Date: Tue, 5 Mar 2024 11:03:14 +0800 Subject: [PATCH] Use flex wrap to layout the PR update button (#29590) Follow #29418 I think using "flex-wrap: wrap" here is better than hard-coding the screen width. By using "flex-wrap: wrap", the UI layouts automatically for various widths (even if in some languages, the sentence might be pretty long) (cherry picked from commit ade62416917bc87810991585d7047851834ee316) --- web_src/css/repo.css | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) diff --git a/web_src/css/repo.css b/web_src/css/repo.css index 87ce829a78..d60fb4db21 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -935,18 +935,11 @@ .repository.view.issue .comment-list .comment .merge-section .item-section { display: flex; + flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0; - margin-top: -0.25rem; - margin-bottom: -0.25rem; -} - -@media (max-width: 991.98px) { - .repository.view.issue .comment-list .comment .merge-section .item-section { - align-items: flex-start; - flex-direction: column; - } + gap: 0.5em; } .repository.view.issue .comment-list .comment .merge-section .divider {