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)
This commit is contained in:
parent
9482b023a8
commit
4f66fec707
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue