updated style for users page

.drone.yml

@@ -7,7 +7,6 @@ env:
 script:
   - sudo apt-get -y install libsqlite3-dev sqlite3 1> /dev/null 2> /dev/null
   - make deps
-  - make build
   - make test
   - make dpkg
 notify:

server/app/styles/drone.css

@@ -678,6 +678,26 @@ nav a span.fa {
   max-width: 768px;
   margin: 0px auto;
   margin-top: 30px;
+  margin-bottom: 30px;
+}
+#userspage section .search {
+  margin-bottom: 25px;
+}
+#userspage section .search input[type="text"],
+#userspage section .search input[type="search"] {
+  -webkit-transition: 0.4s border linear;
+  -moz-transition: 0.4s border linear;
+  -ms-transition: 0.4s border linear;
+  -o-transition: 0.4s border linear;
+  transition: 0.4s border linear;
+  border: 1px solid #ccc;
+  border-radius: 0px;
+  box-shadow: none;
+  padding: 12px;
+}
+#userspage section .search input[type="text"]:focus,
+#userspage section .search input[type="search"]:focus {
+  border-color: #129FEA;
 }
 #userspage section .user {
   -webkit-transition: 0.4s border linear;

server/app/styles/drone.less

@@ -609,6 +609,23 @@ nav {
 		max-width:768px;
 		margin:0px auto;
 		margin-top:30px;
+		margin-bottom:30px;
+
+		.search {
+			margin-bottom: 25px;
+			input[type="text"],
+			input[type="search"] {
+				.transition(.4s border linear);
+				border: 1px solid #ccc;
+				border-radius: 0px;
+				box-shadow: none;
+				padding: 12px;
+				&:focus {
+					border-color: #129FEA;
+				}
+			}
+		}
+
 		.user {
 			.transition(.4s border linear);
 			border:1px solid #eee;

server/app/views/sys_users.html

@@ -5,7 +5,11 @@
 	</nav>
 
 	<section>
-		<a class="pure-g user" ng-repeat="user in users" href="/admin/users/{{ user.remote }}/{{ user.login}}">
+		<form class="pure-form search pure-g">
+			<input type="search" placeholder="FILTER" class="pure-u-1" id="search" ng-model="search"/>
+		</form>
+
+		<a class="pure-g user" ng-repeat="user in users | filter:search | orderBy: 'login' " href="/admin/users/{{ user.remote }}/{{ user.login}}">
 			<div class="pure-u-1-8">
 				<div>
 					<img class="gravatar" ng-src="{{ user.gravatar | gravatar }}" />