Fix webhook list styling (#14001)

* Fix webhook list styling

* As per @silverwind

Author: CirnoT

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}}

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;