From abb74390e870c08c1f842546d4d766196d47070f Mon Sep 17 00:00:00 2001
From: sdarbinyan <sdarbinyan@4pay.ru>
Date: Mon, 13 Apr 2026 23:32:46 +0400
Subject: [PATCH] style changes for novo

---
 src/app/pages/home/home.component.html |  3 +--
 src/app/pages/home/home.component.scss | 19 +++++++------------
 2 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/app/pages/home/home.component.html b/src/app/pages/home/home.component.html
index b1bdead..b88dc5f 100644
--- a/src/app/pages/home/home.component.html
+++ b/src/app/pages/home/home.component.html
@@ -76,9 +76,8 @@
                 <div class="novo-category-info">
                   <h3>{{ categoryName(category) }}</h3>
                   @if (getItemCount(category.categoryID)) {
-                    <span class="novo-category-count">{{ getItemCount(category.categoryID) }}</span>
+                    <p class="novo-category-count">{{ 'home.itemsCount' | translate:{ count: getItemCount(category.categoryID) } }}</p>
                   }
-                  <span class="novo-category-arrow">→</span>
                 </div>
               </a>
             }
diff --git a/src/app/pages/home/home.component.scss b/src/app/pages/home/home.component.scss
index ee34582..8e0a39c 100644
--- a/src/app/pages/home/home.component.scss
+++ b/src/app/pages/home/home.component.scss
@@ -298,8 +298,8 @@
 .novo-category-info {
   padding: 1.5rem;
   display: flex;
-  justify-content: space-between;
-  align-items: center;
+  flex-direction: column;
+  align-items: flex-start;
   
   h3 {
     font-size: 1.25rem;
@@ -309,16 +309,11 @@
   }
 
   .novo-category-count {
-    font-size: 0.85rem;
-    color: var(--text-secondary, #888);
-    margin-left: auto;
-    margin-right: 0.75rem;
-  }
-  
-  .novo-category-arrow {
-    font-size: 1.5rem;
-    color: var(--primary-color);
-    transition: transform 0.3s;
+    font-weight: 600;
+    font-size: clamp(11px, 1vw, 13px);
+    color: var(--text-secondary);
+    margin: 4px 0 0;
+    line-height: 1.2;
   }
 }