Code comments improvements (#15722)

- Right-align the Reply and Resolve buttons
- Center Resolved text and add some padding
- Add padding to inline comments
- Indent the comment content to align with author name
- Re-parent form to allow better button layout space.

Co-authored-by: zeripath <art27@cantab.net>
This commit is contained in:
silverwind 2021-05-08 17:28:25 +02:00 committed by GitHub
parent 24ad131221
commit 2a9b8d173a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 65 additions and 41 deletions

View file

@ -1058,7 +1058,7 @@
.code-comment {
border: 1px solid transparent;
padding: .5rem 0;
padding: .25rem .5rem;
margin: 0;
.content {
@ -1076,6 +1076,10 @@
}
}
.comment-content {
margin-left: 36px;
}
.avatar.image {
width: 28px;
height: 28px;
@ -1094,7 +1098,7 @@
}
button.comment-form-reply {
margin-left: 0;
margin: 0;
}
}