GUACAMOLE-38: Relocate the toolbar and restyle it.

This commit is contained in:
Nick Couchman
2018-05-10 12:02:37 -04:00
parent 56cc11e1b9
commit f563925aa7
2 changed files with 12 additions and 4 deletions

View File

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

View File

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