From 02b513a205aaf5ee0a4e129ba63d989766fd41b5 Mon Sep 17 00:00:00 2001
From: Andrew Thornton <art27@cantab.net>
Date: Sun, 5 Jan 2020 15:51:54 +0000
Subject: [PATCH 1/2] Add some padding to the shadowed comment box

---
 web_src/less/_repository.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 6530bcf8e5da8..6d65c942d23b8 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -847,6 +847,7 @@
                 }
 
                 &:target > .content {
+                    padding: 4px;
                     box-shadow: 0 0 10px #8c8c8c;
                 }
 

From 9207f55e4bcd94934d7c8c44e67873c1b878a74b Mon Sep 17 00:00:00 2001
From: Andrew Thornton <art27@cantab.net>
Date: Sun, 5 Jan 2020 16:58:48 +0000
Subject: [PATCH 2/2] prevent the padding affecting the other comments

---
 .../repo/issue/view_content/comments.tmpl     | 26 ++++++++++---------
 web_src/less/_repository.less                 |  9 ++++++-
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/templates/repo/issue/view_content/comments.tmpl b/templates/repo/issue/view_content/comments.tmpl
index 9a9bb6b8d4b86..658494ac30ccb 100644
--- a/templates/repo/issue/view_content/comments.tmpl
+++ b/templates/repo/issue/view_content/comments.tmpl
@@ -360,19 +360,21 @@
 												<img src="{{.Poster.RelAvatarLink}}">
 											</a>
 											<div class="content">
-												<a class="author" {{if gt .Poster.ID 0}}href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a>
-												<div class="metadata">
-													<span class="date">{{$.i18n.Tr "repo.issues.commented_at" .HashTag $createdSubStr | Safe}}</span>
-												</div>
-												<div class="text">
-													<div class="render-content markdown has-emoji">
-													{{if .RenderedContent}}
-														{{.RenderedContent|Str2html}}
-													{{else}}
-														<span class="no-content">{{$.i18n.Tr "repo.issues.no_content"}}</span>
-													{{end}}
+												<div class="code-comment-content">
+													<a class="author" {{if gt .Poster.ID 0}}href="{{.Poster.HomeLink}}"{{end}}>{{.Poster.GetDisplayName}}</a>
+													<div class="metadata">
+														<span class="date">{{$.i18n.Tr "repo.issues.commented_at" .HashTag $createdSubStr | Safe}}</span>
+													</div>
+													<div class="text">
+														<div class="render-content markdown has-emoji">
+														{{if .RenderedContent}}
+															{{.RenderedContent|Str2html}}
+														{{else}}
+															<span class="no-content">{{$.i18n.Tr "repo.issues.no_content"}}</span>
+														{{end}}
+														</div>
+														<div class="raw-content hide">{{.Content}}</div>
 													</div>
-													<div class="raw-content hide">{{.Content}}</div>
 												</div>
 											</div>
 										</div>
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 6d65c942d23b8..cd35b88f3ba39 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -847,10 +847,17 @@
                 }
 
                 &:target > .content {
-                    padding: 4px;
                     box-shadow: 0 0 10px #8c8c8c;
                 }
 
+                &:target > .content > .code-comment-content {
+                    padding: 4px;
+                }
+
+                &:target > .content > .code-comment-content > .text {
+                    margin-bottom: 0;
+                }
+
                 .ui.form {
                     .field:first-child {
                         clear: none;