style changes for novo

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>
             }

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;
   }
 }