Add UI polishing to the token auth stuff

static/css/quay.css

@@ -2,11 +2,48 @@
   font-family: 'Droid Sans', sans-serif;
 }
 
+.description-overview {
+  padding: 4px;
+  font-size: 16px;
+}
+
+.description-list {
+  margin: 10px;
+  padding: 0px;
+}
+
+.description-list li:before {
+  content: "\00BB";
+  margin-right: 6px;
+  font-size: 18px;
+}
+
+.description-list li {
+  list-style-type: none;
+  margin: 0px;
+  padding: 6px;
+}
+
+.info-icon {
+  display: inline-block;
+  float: right;
+  vertical-align: middle;
+  font-size: 20px;
+} 
+
 .accordion-toggle {
   cursor: pointer;
   text-decoration: none !important;
 }
 
+.user-guide h3 {
+  margin-bottom: 20px;
+}
+
+.user-guide h3 .label {
+  float: right;
+}
+
 .plans .callout {
   font-size: 2em;
   text-align: center;
@@ -441,7 +478,8 @@ p.editable:hover i {
 }
 
 .repo dl.dl-horizontal dt {
-    width: 60px;
+    width: 80px;
+    padding-right: 10px;
 }
 
 .repo dl.dl-horizontal dd {
@@ -485,18 +523,21 @@ p.editable:hover i {
   color: white;
 }
 
-.repo #clipboardCopied {
+.repo #clipboardCopied.hovering {
    position: absolute;
    right: 0px;
    top: 40px;
+}
 
+.repo #clipboardCopied {
    font-size: 0.8em;
+   display: inline-block;
+   margin-right: 10px;
 
    background: black;
    color: white;
    padding: 6px;
    border-radius: 4px;
-
  
     -webkit-animation: fadeOut 4s ease-in-out 0s 1 forwards;
     -moz-animation: fadeOut 4s ease-in-out 0s 1 forwards;
@@ -557,6 +598,18 @@ p.editable:hover i {
   padding-left: 36px;
 }
 
+.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;
@@ -571,6 +624,10 @@ p.editable:hover i {
   min-width: 300px;
 }
 
+.repo-admin .token a {
+  cursor: pointer;
+}
+
 .repo .description p {
   margin-bottom: 6px;
 }