GUACAMOLE-38: Tweak style and translation issues.

This commit is contained in:
Nick Couchman
2018-05-09 09:54:45 -04:00
parent 2a9c7fe0b7
commit 56cc11e1b9
3 changed files with 10 additions and 6 deletions

View File

@@ -19,26 +19,27 @@
.quickconnect-container { .quickconnect-container {
margin: 0.5em 0; margin: 0.75em 0;
width: 100%; width: 100%;
margin-left: 0.75em;
} }
.quickconnect-container .quickconnect-field { .quickconnect-container .quickconnect-field {
background-image: url('images/protocol-icons/guac-text.png'); background-image: url('images/protocol-icons/guac-text.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1.75em; background-size: 1.50em;
background-position: 0.25em center; background-position: 0.25em center;
background-color: transparent; background-color: transparent;
padding: 0.5em; padding: 0.25em;
padding-left: 2.25em; padding-left: 2.50em;
width: 100%; width: 100%;
max-width: none; max-width: none;
border: 0; border: 0;
border-left: 1px solid rgba(0,0,0,0.125);
box-sizing: border-box; box-sizing: border-box;
} }
.quickconnect-button { .quickconnect-button {
clear: both; clear: both;
float: right; float: right;
margin-right: 0.75em;
} }

View File

@@ -5,5 +5,7 @@
<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" />
</form> </form>
</div> </div>
<button class="quickconnect-button" ng-click="quickConnect()">Connect</button> <div class="action-buttons">
<button class="quickconnect-button" ng-click="quickConnect()">{{'QUICKCONNECT.ACTION_CONNECT' | translate}}</button>
</div>
</div> </div>

View File

@@ -5,6 +5,7 @@
}, },
"QUICKCONNECT" : { "QUICKCONNECT" : {
"ACTION_CONNECT" : "Connect",
"FIELD_PLACEHOLDER_URI" : "Enter Connection URI" "FIELD_PLACEHOLDER_URI" : "Enter Connection URI"
} }