Add some padding to the shadowed comment box (#9612)

* Add some padding to the shadowed comment box
* prevent the padding affecting the other comments

templates/repo/issue/view_content/comments.tmpl

@@ -360,6 +360,7 @@
 												<img src="{{.Poster.RelAvatarLink}}">
 											</a>
 											<div class="content">
+												<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>
@@ -376,6 +377,7 @@
 													</div>
 												</div>
 											</div>
+										</div>
 									{{end}}
 								</div>
 								{{template "repo/diff/comment_form_datahandler" dict "hidden" true "reply" (index $comms 0).ReviewID "root" $ "comment" (index $comms 0)}}

web_src/less/_repository.less

@@ -850,6 +850,14 @@
                     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;