minor css fix

APP_UI/src/assets/main.css

@@ -404,8 +404,8 @@ body {
     color: var(--text-heading) !important;
 }
 
-.card-header:first-child {
-    height: 55px;
+.seccard {
+    height: 60px;
 }
 
 .btn-account-action {
@@ -1127,6 +1127,10 @@ h6 {
         z-index: 999;
         backdrop-filter: blur(2px);
     }
+
+    .btn-action-group {
+        flex-direction: column;
+    }
 }
 
 /* --- CONFIGURATION PAGES (PKI & VPN) --- */

APP_UI/src/views/Account.vue

@@ -4,7 +4,7 @@
       <!-- Security Card -->
       <div class="col-lg-6">
         <div class="card h-100">
-          <div class="card-header d-flex justify-content-between align-items-center">
+          <div class="card-header seccard d-flex justify-content-between align-items-center">
             <span><i class="fas fa-user-shield me-2"></i>Security Settings</span>
           </div>
           <div class="card-body p-4">
@@ -30,7 +30,7 @@
       <!-- 2FA Card -->
       <div class="col-lg-6">
         <div class="card p-0 h-100">
-          <div class="card-header d-flex justify-content-between align-items-center">
+          <div class="card-header seccard d-flex justify-content-between align-items-center">
             <span><i class="fas fa-key me-2"></i>Two-Factor Authentication</span>
             <span v-if="isEnabled" class="status-badge status-valid">
               <i class="fas fa-check-circle me-1"></i>Active