From d8a80b0ed7034b68d0f99e72bde0f26057971672 Mon Sep 17 00:00:00 2001 From: kolaente Date: Tue, 11 Oct 2022 22:42:31 +0200 Subject: [PATCH] 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 Co-authored-by: Lauris BH --- web_src/less/_repository.less | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index f30bafa4cc703..d5f4ff05df75b 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -988,6 +988,12 @@ .comment-form-reply .footer { padding-bottom: 1em; } + + @media @mediaSm { + .ui.segments { + margin-left: -2rem; + } + } } .ui.comments { @@ -1165,6 +1171,10 @@ box-shadow: none; } } + + @media @mediaSm { + padding: 1rem 0 !important; // Important is required here to override existing fomantic styles. + } } .ui.depending {