Skip to content

Commit d8a80b0

Browse files
kolaentetechknowlogicklafriks
authored
feat(pr review): add more space on mobile (#21326)
This PR adds more space to the review screen on mobile so that comments are more readable and less "squashed" an smaller screens. Before: ![Screen Shot 2022-10-03 at 17 12 26](https://user-images.githubusercontent.com/13721712/193612834-6add9e25-f635-4a5b-84f6-b8e2b320ec29.png) After: ![Screen Shot 2022-10-03 at 17 10 15](https://user-images.githubusercontent.com/13721712/193612671-ab4ef640-0360-44ef-9184-b366b7abeb37.png) Co-authored-by: techknowlogick <[email protected]> Co-authored-by: Lauris BH <[email protected]>
1 parent 5ba2306 commit d8a80b0

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

web_src/less/_repository.less

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -988,6 +988,12 @@
988988
.comment-form-reply .footer {
989989
padding-bottom: 1em;
990990
}
991+
992+
@media @mediaSm {
993+
.ui.segments {
994+
margin-left: -2rem;
995+
}
996+
}
991997
}
992998

993999
.ui.comments {
@@ -1165,6 +1171,10 @@
11651171
box-shadow: none;
11661172
}
11671173
}
1174+
1175+
@media @mediaSm {
1176+
padding: 1rem 0 !important; // Important is required here to override existing fomantic styles.
1177+
}
11681178
}
11691179

11701180
.ui.depending {

0 commit comments

Comments
 (0)