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,27 +411,36 @@
 	}
 }
 
-.settings .key.list {
-	.item:not(:first-child) {
-		border-top: 1px solid #eaeaea;
-	}
-	.ssh-key-state-indicator {
-		float: left;
-		color: gray;
-		padding-left: 10px;
-    padding-top: 10px;
-    &.active {
-    	color: #6cc644;
-    }
-	}
-	.meta {
-		padding-top: 5px;
-	}
-	.print {
-		color: #767676;
+.settings {
+	.content {
+		margin-top: 2px;
+		.header,
+		.segment {
+			box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
+		}
 	}
-	.activity {
-		color: #666;
+	.key.list {
+		.item:not(:first-child) {
+			border-top: 1px solid #eaeaea;
+		}
+		.ssh-key-state-indicator {
+			float: left;
+			color: gray;
+			padding-left: 10px;
+	    padding-top: 10px;
+	    &.active {
+	    	color: #6cc644;
+	    }
+		}
+		.meta {
+			padding-top: 5px;
+		}
+		.print {
+			color: #767676;
+		}
+		.activity {
+			color: #666;
+		}
 	}
 }
 

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