#1692 APIs: Users Followers

- User profile un/follow
- List user's followers/following

public/less/_repository.less

@@ -859,35 +859,6 @@
 		}
 	}
 
-	&.watchers {
-		.list {
-			padding: 0;
-
-			.item {
-				list-style: none;
-				width: 32%;
-				margin: 10px 10px 10px 0;
-				padding-bottom: 14px;
-				float: left;
-
-				.avatar {
-					width: 48px;
-					height: 48px;
-					float: left;
-					display: block;
-					margin-right: 10px;
-				}
-				.name {
-					margin-top: 0;
-					margin-bottom: 0;
-					font-weight: normal;
-				}
-				.meta {
-					margin-top: 5px;
-				}
-			}
-		}
-	}
 	&.forks {
 		.list {
 			margin-top: 0;
@@ -982,6 +953,36 @@
 }
 // End of .repository
 
+&.user-cards {
+	.list {
+		padding: 0;
+
+		.item {
+			list-style: none;
+			width: 32%;
+			margin: 10px 10px 10px 0;
+			padding-bottom: 14px;
+			float: left;
+
+			.avatar {
+				width: 48px;
+				height: 48px;
+				float: left;
+				display: block;
+				margin-right: 10px;
+			}
+			.name {
+				margin-top: 0;
+				margin-bottom: 0;
+				font-weight: normal;
+			}
+			.meta {
+				margin-top: 5px;
+			}
+		}
+	}
+}
+
 #search-repo-box,
 #search-user-box {
 	.results {

public/less/_user.less

@@ -1,6 +1,8 @@
 .user {
-	padding-top: 15px;
-	padding-bottom: @footer-margin * 2;
+	&:not(.icon) {
+		padding-top: 15px;
+		padding-bottom: @footer-margin * 2;
+	}
 
 	&.settings {
 		.list {
@@ -38,6 +40,17 @@
 						&:not(:last-child) {
 							border-bottom: 1px solid #eaeaea;
 						}
+
+						.octicon {
+							margin-left: 1px;
+							margin-right: 5px;
+						}
+
+						&.follow {
+							.ui.button {
+								width: 100%;
+							}
+						}
 					}
 				}
 			}
@@ -47,4 +60,18 @@
 			margin-top: 25px;
 		}
 	}
+
+	&.followers {
+		.header.name {
+			font-size: 20px;
+			line-height: 24px;
+			vertical-align: middle;
+		}
+
+		.follow {
+			.ui.button {
+				padding: 8px 15px;
+			}
+		}
+	}
 }