From cca1a574d389314cf0713de3a401d5771eb5faeb Mon Sep 17 00:00:00 2001
From: CirnoT <1447794+CirnoT@users.noreply.github.com>
Date: Tue, 15 Dec 2020 20:54:27 +0100
Subject: [PATCH 1/2] Fix webhook list styling

---
 templates/repo/settings/webhook/list.tmpl |  3 +--
 web_src/less/_admin.less                  | 10 ++++++++++
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/templates/repo/settings/webhook/list.tmpl b/templates/repo/settings/webhook/list.tmpl
index 2bff27a76b7ec..f39f632a91157 100644
--- a/templates/repo/settings/webhook/list.tmpl
+++ b/templates/repo/settings/webhook/list.tmpl
@@ -41,9 +41,8 @@
 		<div class="item">
 			{{.Description | Str2html}}
 		</div>
-		<div class="ui divider"></div>
 		{{range .Webhooks}}
-			<div class="item p-2">
+			<div class="item">
 				{{if eq .LastStatus 1}}
 					<span class="text green">{{svg "octicon-check"}}</span>
 				{{else if eq .LastStatus 2}}
diff --git a/web_src/less/_admin.less b/web_src/less/_admin.less
index 80b7649fbe1a3..97c8e0d5c8967 100644
--- a/web_src/less/_admin.less
+++ b/web_src/less/_admin.less
@@ -1,4 +1,14 @@
 .admin {
+  &.hooks .list {
+    > .item {
+      &:not(:first-child) {
+        border-top: 1px solid var(--color-secondary);
+        padding: 1rem;
+        margin: 15px -1rem -1rem;
+      }
+    }
+  }
+
   .table.segment {
     padding: 0;
     font-size: 13px;

From 47e889efc33ecf2ebcdc7beb19c4b8655f39f6e7 Mon Sep 17 00:00:00 2001
From: CirnoT <1447794+CirnoT@users.noreply.github.com>
Date: Tue, 15 Dec 2020 23:16:58 +0100
Subject: [PATCH 2/2] As per @silverwind

---
 templates/repo/settings/webhook/list.tmpl | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/repo/settings/webhook/list.tmpl b/templates/repo/settings/webhook/list.tmpl
index f39f632a91157..02a3bcad66366 100644
--- a/templates/repo/settings/webhook/list.tmpl
+++ b/templates/repo/settings/webhook/list.tmpl
@@ -44,9 +44,9 @@
 		{{range .Webhooks}}
 			<div class="item">
 				{{if eq .LastStatus 1}}
-					<span class="text green">{{svg "octicon-check"}}</span>
+					<span class="text green mr-3">{{svg "octicon-check"}}</span>
 				{{else if eq .LastStatus 2}}
-					<span class="text red">{{svg "octicon-alert"}}</span>
+					<span class="text red mr-3">{{svg "octicon-alert"}}</span>
 				{{else}}
 					<span class="text grey mr-3">{{svg "octicon-dot-fill"}}</span>
 				{{end}}