GUACAMOLE-38: Relocate the toolbar and restyle it.

extensions/guacamole-auth-quickconnect/src/main/resources/styles/quickconnect.css

@@ -19,9 +19,9 @@
 
 
 .quickconnect-container {
-    margin: 0.75em 0;
+    margin: 0.25em 0;
     width: 100%;
-    margin-left: 0.75em;
+    margin-left: 0.50em;
 }
 
 .quickconnect-container .quickconnect-field {
@@ -42,4 +42,12 @@
     clear: both;
     float: right;
     margin-right: 0.75em;
+    font-size: 0.75em;
+    padding: 0.25em;
+}
+
+.quickconnect-list-item {
+    vertical-align: middle;
+    align-content: center;
+    display: flex
 }

extensions/guacamole-auth-quickconnect/src/main/resources/templates/quickconnectField.html

@@ -1,5 +1,5 @@
-<meta name="before" content=".recent-connections" />
-<div class="header" ng-controller="quickconnectController">
+<meta name="before" content=".all-connections" />
+<div class="quickconnect-list-item list-item" ng-controller="quickconnectController">
     <div class="quickconnect-container">
         <form ng-submit="quickConnect()">
             <input type=text class="quickconnect-field" placeholder="{{'QUICKCONNECT.FIELD_PLACEHOLDER_URI' |translate}}" ng-model="uri" />