From 97ec607a4b7831c5c351f9da53d3b7a6982425b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=90=D0=BD=D1=82=D0=BE=D0=BD?=
 <tstark@MacBook-Pro-Anton.local>
Date: Thu, 29 Jan 2026 22:48:57 +0300
Subject: [PATCH] minor css fix

---
 APP_UI/src/assets/main.css   | 8 ++++++--
 APP_UI/src/views/Account.vue | 4 ++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/APP_UI/src/assets/main.css b/APP_UI/src/assets/main.css
index 3c06218..d107b4b 100644
--- a/APP_UI/src/assets/main.css
+++ b/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) --- */
diff --git a/APP_UI/src/views/Account.vue b/APP_UI/src/views/Account.vue
index e96b8ca..0546aa2 100644
--- a/APP_UI/src/views/Account.vue
+++ b/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