Finish new web hook pages

4 files changed, 25 insertions, 21 deletions

diff --git a/public/ng/less/gogs/base.less b/public/ng/less/gogs/base.less
index 8d22557a66..96842f478d 100644
--- a/public/ng/less/gogs/base.less
+++ b/public/ng/less/gogs/base.less
@@ -239,4 +239,7 @@ clear: both;
 }
 .text-red {
     color: #DD4B39;
+}
+.text-grey {
+    color: #999999;
 }
\ No newline at end of file
diff --git a/public/ng/less/gogs/settings.less b/public/ng/less/gogs/settings.less
index c908af3b63..af38ca28f5 100644
--- a/public/ng/less/gogs/settings.less
+++ b/public/ng/less/gogs/settings.less
@@ -52,6 +52,7 @@
 }
 
 #repo-hooks-panel,
+#repo-hooks-history-panel,
 #user-ssh-panel {
     margin-bottom: 20px;
     .setting-list {
diff --git a/public/ng/less/ui/form.less b/public/ng/less/ui/form.less
index 268baea882..fa36b5dc13 100644
--- a/public/ng/less/ui/form.less
+++ b/public/ng/less/ui/form.less
@@ -32,16 +32,15 @@
     color: #FFF;
   }
 }
-
 .btn-red {
-  background-color: @btnRedColor;
-  border: 1px solid @btnRedColor;
-  &:hover {
-    background-color: @btnHoverRedColor;
     color: #FFF;
-  }
+    background-color: @btnRedColor;
+    border: 1px solid @btnRedColor;
+    &:hover {
+        background-color: @btnHoverRedColor;
+        color: #FFF;
+    }
 }
-
 .btn-orange {
   background-color: @btnOrangeColor;
   border: 1px solid @btnOrangeColor;
@@ -73,33 +72,33 @@
 // status buttons
 
 .btn-active {
-  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 0 4px rgba(0, 0, 0, .15) inset
+    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 0 4px rgba(0, 0, 0, .15) inset
 }
 .btn-header {
     margin-top: -1px;
     color: white;
     padding: 0 10px;
 }
-
+.btn-link {
+    overflow: visible;
+    padding: .6em 1.2em;
+}
 .btn-radius {
-  border-radius: .25em;
+    border-radius: .25em;
 }
-
 .btn-left-radius {
-  border-top-left-radius: .25em;
-  border-bottom-left-radius: .25em;
+    border-top-left-radius: .25em;
+    border-bottom-left-radius: .25em;
 }
-
 .btn-right-radius {
-  border-top-right-radius: .25em;
-  border-bottom-right-radius: .25em;
+    border-top-right-radius: .25em;
+    border-bottom-right-radius: .25em;
 }
-
 .btn-block {
-  display: block;
-  width: 100%;
-  box-sizing: content-box;
-  text-align: center;
+    display: block;
+    width: 100%;
+    box-sizing: content-box;
+    text-align: center;
 }
 
 .btn-disabled {
diff --git a/public/ng/less/ui/panel.less b/public/ng/less/ui/panel.less
index f05f0c16ac..dc77715d53 100644
--- a/public/ng/less/ui/panel.less
+++ b/public/ng/less/ui/panel.less
@@ -10,6 +10,7 @@
     .panel-body {
         background-color: white;
         .panel-desc {
+            padding: 0 40px;
             margin-bottom: 20px;
         }
     }