From 349cd029f712a239a4dce22aa31d4c9b17165f01 Mon Sep 17 00:00:00 2001
From: gnezim <gnezim@gnerim.ru>
Date: Mon, 6 Apr 2026 10:56:14 +0300
Subject: [PATCH] Update PageTabs styling to display horizontally with proper
 border styling

---
 .../app/components/page-tabs/page-tabs.scss   | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/apps/react/src/app/components/page-tabs/page-tabs.scss b/apps/react/src/app/components/page-tabs/page-tabs.scss
index 32f803274..2b2265ff1 100644
--- a/apps/react/src/app/components/page-tabs/page-tabs.scss
+++ b/apps/react/src/app/components/page-tabs/page-tabs.scss
@@ -1,32 +1,34 @@
 .page-tabs {
   display: flex;
-  flex-direction: column;
-  gap: 8px;
+  flex-direction: row;
+  gap: 6px;
   width: 100%;
+  align-items: center;
 }
 
 .page-tabs__link {
-  display: block;
-  padding: 12px 16px;
+  display: inline-block;
+  padding: 10px 16px;
   text-decoration: none;
   color: #333333;
   font-weight: 500;
   background-color: #ffffff;
-  border: 2px solid #c0c0c0;
-  border-radius: 2px;
+  border: 2px solid #9999bb;
+  border-radius: 4px;
   cursor: pointer;
   transition: all 0.15s ease;
   text-align: center;
   font-size: 13px;
-  line-height: 1.4;
+  line-height: 1.2;
+  white-space: nowrap;
 
   &:hover {
-    background-color: #fafafa;
-    border-color: #a0a0a0;
+    background-color: #f5f5f5;
+    border-color: #7777aa;
   }
 
   &--active {
-    background-color: #f0f0f0;
+    background-color: #ffffff;
     color: #1976d2;
     border-color: #1976d2;
     font-weight: 600;