From cec911e9ff32a1e2629a3865688a53b21c41b365 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Germ=C3=A1n=20Mart=C3=ADn?= <github@gmartin.net>
Date: Thu, 18 Dec 2025 18:41:10 +0100
Subject: [PATCH] Refactor: Improve OIDC linking button layout and structure

---
 .../user-account-settings.html                 | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/app/components/user-account-settings/user-account-settings.html b/apps/client/src/app/components/user-account-settings/user-account-settings.html
index 857547b2f..1c86a51f6 100644
--- a/apps/client/src/app/components/user-account-settings/user-account-settings.html
+++ b/apps/client/src/app/components/user-account-settings/user-account-settings.html
@@ -267,19 +267,19 @@
         </div>
         <div class="pl-1 w-50">
           <div>{{ getAuthProviderDisplayName() }}</div>
-          @if (canLinkOidc) {
-            <button
-              class="mt-2"
-              color="primary"
-              mat-flat-button
-              (click)="onLinkOidc()"
-            >
+        </div>
+      </div>
+      @if (canLinkOidc) {
+        <div class="align-items-center d-flex py-1">
+          <div class="pr-1 w-50"></div>
+          <div class="pl-1 text-monospace w-50">
+            <button color="primary" mat-flat-button (click)="onLinkOidc()">
               <ion-icon class="mr-2" name="link-outline"></ion-icon>
               <span i18n>Link OIDC</span>
             </button>
-          }
+          </div>
         </div>
-      </div>
+      }
       @if (hasPermissionToDeleteOwnUser) {
         <hr class="mt-5" />
         <form