From f563925aa7a6d7716f783497d845028227b94afa Mon Sep 17 00:00:00 2001
From: Nick Couchman <vnick@apache.org>
Date: Thu, 10 May 2018 12:02:37 -0400
Subject: [PATCH] GUACAMOLE-38: Relocate the toolbar and restyle it.

---
 .../src/main/resources/styles/quickconnect.css       | 12 ++++++++++--
 .../main/resources/templates/quickconnectField.html  |  4 ++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/extensions/guacamole-auth-quickconnect/src/main/resources/styles/quickconnect.css b/extensions/guacamole-auth-quickconnect/src/main/resources/styles/quickconnect.css
index bc9209db3..2f112623c 100644
--- a/extensions/guacamole-auth-quickconnect/src/main/resources/styles/quickconnect.css
+++ b/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
 }
diff --git a/extensions/guacamole-auth-quickconnect/src/main/resources/templates/quickconnectField.html b/extensions/guacamole-auth-quickconnect/src/main/resources/templates/quickconnectField.html
index 30e8a9085..6089965c5 100644
--- a/extensions/guacamole-auth-quickconnect/src/main/resources/templates/quickconnectField.html
+++ b/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" />