refs #435. UX improvements

ogWebconsole/src/app/components/login/login.component.css

@@ -55,14 +55,14 @@ mat-form-field {
 }
 
 @keyframes rotate360 {
-    from {
-      transform: rotate(0deg);
-    }
-    to {
-      transform: rotate(360deg);
-    }
+  from {
+    transform: rotate(0deg);
   }
+  to {
+    transform: rotate(360deg);
+  }
+}
 
-  .rotating {
-    animation: rotate360 0.6s cubic-bezier(.42,0,1,1) infinite;
-  }
+.rotating {
+  animation: rotate360 0.6s cubic-bezier(.42,0,1,1) infinite;
+}

ogWebconsole/src/app/components/login/login.component.html

@@ -21,7 +21,7 @@
           </button>
         </mat-form-field>
         <div class="button-row">
-          <button mat-flat-button color="primary" type="submit" [disabled]="!loginObj.username || !loginObj.password">Iniciar sesión</button>
+          <button mat-flat-button color="primary" type="submit" (keydown.enter)="$event.preventDefault()" [disabled]="!loginObj.username || !loginObj.password">Iniciar sesión</button>
         </div>
     </form>
 </div>

ogWebconsole/src/app/components/login/login.component.ts

@@ -63,6 +63,7 @@ export class LoginComponent {
 
   hide = signal(true);
   clickEvent(event: MouseEvent) {
+    event.preventDefault();
     this.hide.set(!this.hide());
     event.stopPropagation();
   }