Fix webhook list styling (#14001)

* Fix webhook list styling * As per @silverwind
go-gitea · Dec 16, 2020 · 5f55bab · 5f55bab
1 parent 53308de
commit 5f55bab
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git 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
@@ -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;