loading up the forgejo repo on tangled to test page performance
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)
authored by
wxiaoguang
and committed by
Earl Warren
4f66fec7
9482b023
+2
-9
+2
-9
web_src/css/repo.css
+2
-9
web_src/css/repo.css
···
935
935
936
936
.repository.view.issue .comment-list .comment .merge-section .item-section {
937
937
display: flex;
938
+
flex-wrap: wrap;
938
939
align-items: center;
939
940
justify-content: space-between;
940
941
padding: 0;
941
-
margin-top: -0.25rem;
942
-
margin-bottom: -0.25rem;
943
-
}
944
-
945
-
@media (max-width: 991.98px) {
946
-
.repository.view.issue .comment-list .comment .merge-section .item-section {
947
-
align-items: flex-start;
948
-
flex-direction: column;
949
-
}
942
+
gap: 0.5em;
950
943
}
951
944
952
945
.repository.view.issue .comment-list .comment .merge-section .divider {