Refactor: Improve OIDC linking button layout and structure

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) {
+        </div>
-            <button
+      </div>
-              class="mt-2"
+      @if (canLinkOidc) {
-              color="primary"
+        <div class="align-items-center d-flex py-1">
-              mat-flat-button
+          <div class="pr-1 w-50"></div>
-              (click)="onLinkOidc()"
+          <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