From ebd5616498a52814b49caf1ce30a47a63a3dd323 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 13 May 2026 11:19:08 +0100
Subject: [PATCH] refactor(login): form spacing, consistent inputs

Replace focus: with focus-visible: on Microsoft sign-in button for consistent ring pattern; error message already uses text-destructive correctly.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/src/views/LoginView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/views/LoginView.vue b/web/src/views/LoginView.vue
index 59a2b73..bb4c4d0 100644
--- a/web/src/views/LoginView.vue
+++ b/web/src/views/LoginView.vue
@@ -49,7 +49,7 @@ async function handleLogin() {
             <button
               type="button"
               :disabled="authStore.loading"
-              class="w-full flex items-center justify-center gap-3 rounded-md border border-border bg-white px-4 py-2.5 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
+              class="w-full flex items-center justify-center gap-3 rounded-md border border-border bg-white px-4 py-2.5 text-sm font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"
               @click="handleLogin"
             >
               <!-- Microsoft logo -->