From 5f55bab70ef40eb6a9b4b45685a9e94605826c03 Mon Sep 17 00:00:00 2001
From: Cirno the Strongest <1447794+CirnoT@users.noreply.github.com>
Date: Wed, 16 Dec 2020 19:22:21 +0100
Subject: [PATCH] Fix webhook list styling (#14001)

* Fix webhook list styling

* As per @silverwind
---
 templates/repo/settings/webhook/list.tmpl |  7 +++----
 web_src/less/_admin.less                  | 10 ++++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/templates/repo/settings/webhook/list.tmpl b/templates/repo/settings/webhook/list.tmpl
index 2bff27a76b..02a3bcad66 100644
--- a/templates/repo/settings/webhook/list.tmpl
+++ b/templates/repo/settings/webhook/list.tmpl
@@ -41,13 +41,12 @@
 		<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>
+					<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}}
diff --git a/web_src/less/_admin.less b/web_src/less/_admin.less
index 80b7649fbe..97c8e0d5c8 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;