some minor changes to make more responsive

server/app/styles/drone.less

@@ -284,11 +284,11 @@ nav {
 }
 
 .cards {
-	//padding:20px 0px 20px 20px;
 	.card {
 		.border_box;
 		padding-right:20px;
 		padding-bottom:20px;
+		padding-left:20px;
 		text-decoration:none;
 		position:relative;
 		color:@c0;
@@ -461,6 +461,8 @@ nav {
 				box-shadow:none;
 			}
 		}
+
+
 	}
 
 	.progressContainer {
@@ -1379,3 +1381,68 @@ nav {
 		margin-left:10px;
 	}
 }
+
+@media screen and (min-width: 80em) {
+
+}
+@media screen and (max-width: 35.5em) {
+	.cards {
+		.card {
+			&:after {
+				display: none !IMPORTANT;
+			}
+		}
+	}
+
+	header {
+		.username {
+			display:none;
+		}
+	}
+
+	#repopage {
+		h2 {
+			padding-left:20px;
+		}
+	}
+
+	#userspage,
+	#repospage {
+		form {
+			display:none;
+		}
+		section {
+			margin:0px;
+			.user,
+			.repo {
+				&:nth-child(2) > .pure-g {
+					border-top:1px solid #FFF;
+				}
+				&:nth-child(2):hover > .pure-g {
+					border-top:1px solid #262626;
+				}
+			}
+		}
+	}
+
+	#accountpage {
+		.token {
+			span {
+				display:none;
+			}
+		}
+	}
+
+	nav {
+		div.options {
+			.pure-button{
+				i {
+					margin:0px;
+				}
+				span {
+					display:none;
+				}
+			}
+		}
+	}
+}

server/app/views/account.html

@@ -5,14 +5,14 @@
 	</nav>
 
 	<section class="pure-g profile">
-		<div class="pure-u-1-6">
+		<div class="pure-u-1-4 pure-u-md-1-6">
 			<div>
 				<a href="https://gravatar.com/" target="_blank">
 					<img ng-src="{{ account.gravatar | gravatar }}" />
 				</a>
 			</div>
 		</div>
-		<div class="pure-u-5-6">
+		<div class="pure-u-3-4 pure-u-md-5-6">
 			<div>
 				<h4>{{ account.login }}</h4>
 				<span class="fullname">{{ account.name }}</span>
@@ -24,7 +24,8 @@
 	<section class="pure-g token">
 		<div class="pure-u-1-6">
 			<div>
-				<i class="fa fa-key"></i> api key
+				<i class="fa fa-key"></i>
+				<span>api key</span>
 			</div>
 		</div>
 		<div class="pure-u-5-6">

server/app/views/repo.html

@@ -11,7 +11,8 @@
 	<nav>
 		<div class="options" ng-if="repo.role.admin">
 			<a class="pure-button pure-button-primary" ng-href="/{{ repo | fullPath }}/settings">
-				<i class="fa fa-sliders"></i> Settings
+				<i class="fa fa-sliders"></i>
+				<span>Settings</span>
 			</a>
 		</div>
 

server/app/views/users.html

@@ -2,7 +2,8 @@
 	<nav>
 		<div class="options">
 			<a class="pure-button pure-button-primary" href="/admin/users/add">
-				<i class="fa fa fa-plus"></i> Register User
+				<i class="fa fa fa-plus"></i>
+				<span>Register User</span>
 			</a>
 		</div>