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)
This commit is contained in:
wxiaoguang 2024-03-05 11:03:14 +08:00 committed by GitHub
parent df1268ca08
commit ade6241691
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 9 deletions

View File

@ -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 {