Get robots UI working

static/css/quay.css

@@ -3,6 +3,11 @@
   margin: 0;
 }
 
+#input-box {
+  padding: 4px;
+  font-size: 14px;
+}
+
 html, body {
   height: 100%;
 }
@@ -16,6 +21,45 @@ html, body {
   border-bottom: 1px dashed #aaa;
 }
 
+.docker-auth-dialog .token-dialog-body .well {
+  margin-bottom: 0px;
+}
+
+.docker-auth-dialog .token-view {
+  background: transparent;
+  display: block;
+  border: 0px transparent;
+  font-size: 12px;
+  width: 100%;
+}
+
+.docker-auth-dialog .download-cfg {
+  float: left;
+  padding-top: 6px;
+  font-size: 16px;
+}
+
+.docker-auth-dialog .download-cfg .fa-download {
+  margin-right: 10px;
+  font-size: 25px;
+  vertical-align: middle;
+}
+
+#copyClipboard {
+  cursor: pointer;
+}
+
+#copyClipboard.zeroclipboard-is-hover {
+  background: #428bca;
+  color: white;
+}
+
+#clipboardCopied.hovering {
+   position: absolute;
+   right: 0px;
+   top: 40px;
+}
+
 .content-container {
   padding-bottom: 70px;
 }
@@ -44,8 +88,9 @@ html, body {
   margin-bottom: 20px;
 }
 
-.robots-manager-element .robot {
+.robots-manager-element .robot a {
   font-size: 16px;
+  cursor: pointer;
 }
 
 .robots-manager-element .robot .prefix {
@@ -970,21 +1015,6 @@ p.editable:hover i {
   width: 300px;
 }
 
-.repo #copyClipboard {
-  cursor: pointer;
-}
-
-.repo #copyClipboard.zeroclipboard-is-hover {
-  background: #428bca;
-  color: white;
-}
-
-.repo #clipboardCopied.hovering {
-   position: absolute;
-   right: 0px;
-   top: 40px;
-}
-
 .repo-image-view .id-container {
   display: inline-block;
   margin-top: 10px;
@@ -1027,7 +1057,7 @@ p.editable:hover i {
   margin-top: 28px;
 }
 
-.repo #clipboardCopied {
+#clipboardCopied {
    font-size: 0.8em;
    display: inline-block;
    margin-right: 10px;
@@ -1038,7 +1068,7 @@ p.editable:hover i {
    border-radius: 4px;
 }
 
-.repo #clipboardCopied.animated { 
+#clipboardCopied.animated { 
     -webkit-animation: fadeOut 4s ease-in-out 0s 1 forwards;
     -moz-animation: fadeOut 4s ease-in-out 0s 1 forwards;
     -ms-animation: fadeOut 4s ease-in-out 0s 1 forwards;
@@ -1125,21 +1155,17 @@ p.editable:hover i {
   width: 300px;
 }
 
-.repo-admin .token-dialog-body .well {
-  margin-bottom: 0px;
-}
-
-.repo-admin .token-view {
-  background: transparent;
-  display: block;
-  border: 0px transparent;
-  font-size: 12px;
-  width: 100%;
-}
-
 .repo-admin .panel {
   display: inline-block;
-  width: 620px;
+  width: 720px;
+}
+
+.repo-admin .prefix {
+  color: #aaa;
+}
+
+.repo-admin .admin-search {
+  padding-top: 20px;
 }
 
 .repo-admin .user i.fa-user {
@@ -1147,6 +1173,11 @@ p.editable:hover i {
   margin-right: 7px;
 }
 
+.repo-admin .user i.fa-wrench {
+  margin-left: 1px;
+  margin-right: 5px;
+}
+
 .repo-admin .team i.fa-group {
   margin-right: 4px;
 }
@@ -1278,18 +1309,6 @@ p.editable:hover i {
   white-space: nowrap;
 }
 
-.repo .download-cfg {
-  float: left;
-  padding-top: 6px;
-  font-size: 16px;
-}
-
-.repo .download-cfg .icon-download {
-  margin-right: 10px;
-  font-size: 25px;
-  vertical-align: middle;
-}
-
 .navbar-nav > li > .user-dropdown {
   padding-top: 9px;
   padding-bottom: 9px;