fix labels semantics in login component

Author: lovasoa

examples/official-site/examples/authentication/login.sql

@@ -9,7 +9,7 @@ select
     'Password'              as password,
     case when $failed is not null then 'Invalid username or password. In this demo, you can log in with admin / admin.' end as error_message,
     'In this demo, the username is "admin" and the password is "admin".' as footer_md,
-    'Sign in'               as validate;
+    'Log in'               as validate;
 
 select 'text' as component, '
 

examples/user-authentication/docker-compose.yml

@@ -2,7 +2,7 @@ services:
   web:
     image: lovasoa/sqlpage:main # main is cutting edge, use sqlpage/SQLPage:latest for the latest stable version
     build:
-      context: ".."
+      context: "../.."
     ports:
       - "8080:8080"
     volumes:

sqlpage/templates/login.handlebars

@@ -31,12 +31,12 @@
                         </div>
                     </div>
                 {{/if}}
-                <label class="form-label">{{username}}</label>    
+                <label class="form-label" for="username">{{username}}</label>    
                 <div class="input-icon mb-3">
                     <span class="input-icon-addon">{{icon_img (default username_icon 'user-circle')}}</span>
                     <input type="text" name="username" id="username" value="" class="form-control" placeholder="{{username}}" required="required" autofocus autocomplete="username"/>
                 </div>
-                <label class="form-label">{{password}}
+                <label class="form-label" for="password">{{password}}
                     {{#if forgot_password_text}}
                         <span class="form-label-description"><a href="{{forgot_password_link}}">{{forgot_password_text}}</a></span> 
                     {{/if}}