From bfe51cb74d3819af7daba003cdefdc9782e86d2d Mon Sep 17 00:00:00 2001
From: Davide Alberani <da@erlug.linux.it>
Date: Sun, 17 Sep 2017 17:02:58 +0200
Subject: [PATCH] fix #35: text of login input fields is now black

---
 src/Toolbar.vue | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/Toolbar.vue b/src/Toolbar.vue
index 6e87e26..afec9ee 100644
--- a/src/Toolbar.vue
+++ b/src/Toolbar.vue
@@ -34,10 +34,13 @@
             </span>
             <span v-else>
                 <span id="login-form">
-                    <md-input-container id="username-input" class="login-input" md-inline>
-                        <md-tooltip md-direction="bottom">login name or create a new user if it doesn't exist</md-tooltip>
-                        <md-input ref="usernameInput" @keyup.enter.native="focusToPassword()" v-model="username" placeholder="username" md-inline />
-                    </md-input-container>&nbsp;
+                    <span id="username-input">
+                        <strong id="login-label">Login:</strong>&nbsp;
+                        <md-input-container id="sername-input" class="login-input" md-inline>
+                            <md-tooltip md-direction="bottom">login name or create a new user if it doesn't exist</md-tooltip>
+                            <md-input ref="usernameInput" @keyup.enter.native="focusToPassword()" v-model="username" placeholder="username" md-inline />
+                        </md-input-container>&nbsp;
+                    </span>
                     <span id="password-block">
                         <md-input-container id="password-input" class="login-input" md-has-password md-inline>
                         <md-tooltip md-direction="bottom">login password or create a new user if it doesn't exist</md-tooltip>
@@ -208,11 +211,14 @@ export default {
     padding-left: 4px;
     min-height: 24px;
     line-height: 0px;
-    background-color: white;
+}
+
+#login-label {
+    margin-top: 8px;
 }
 
 #username-input {
-    display: inline;
+    display: flex;
     float: left;
     margin-right: 20px;
 }