fix css styles

public/less/_form.less

@@ -9,7 +9,7 @@
 .ui.attached.header {
 	background: #f0f0f0;
 	.right {
-		margin-top: -5px;
+		margin-top: -6px;
 	}
 }
 .repository {

public/less/_repository.less

@@ -411,7 +411,15 @@
 	}
 }
 
-.settings .key.list {
+.settings {
+	.content {
+		margin-top: 2px;
+		.header,
+		.segment {
+			box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
+		}
+	}
+	.key.list {
 		.item:not(:first-child) {
 			border-top: 1px solid #eaeaea;
 		}
@@ -434,6 +442,7 @@
 			color: #666;
 		}
 	}
+}
 
 .ui.vertical.menu {
 	.header.item {

templates/repo/settings/deploy_keys.tmpl

@@ -6,12 +6,12 @@
 		{{template "repo/settings/navbar" .}}
 		<div class="twelve wide column content">
 			{{template "base/alert" .}}
-			<h3 class="ui top attached header">
+			<h4 class="ui top attached header">
 			  {{.i18n.Tr "repo.settings.deploy_keys"}}
 			  <div class="ui right">
 			  	<div id="add-deploy-key" class="ui blue tiny button">{{.i18n.Tr "repo.settings.add_deploy_key"}}</div>
 			  </div>
-			</h3>
+			</h4>
 			<div class="ui attached segment">
 				{{if .Deploykeys}}
 				<div class="ui key list">