From ed806abb9f19838a9a52df2aaa65c5bdefd6c950 Mon Sep 17 00:00:00 2001
From: ncoronel <ncoronel@quo.ar>
Date: Wed, 23 Sep 2026 11:55:10 -0300
Subject: [PATCH] feat(event-detail): adjust product layout and quantity
 selector styles for improved responsiveness

---
 .../event-detail-page/event-detail-page.component.scss | 10 ++++++----
 .../quantity-selector/quantity-selector.component.scss |  6 +++---
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/app/features/store/pages/event-detail-page/event-detail-page.component.scss b/src/app/features/store/pages/event-detail-page/event-detail-page.component.scss
index fd410e4..8a8abf3 100644
--- a/src/app/features/store/pages/event-detail-page/event-detail-page.component.scss
+++ b/src/app/features/store/pages/event-detail-page/event-detail-page.component.scss
@@ -50,7 +50,7 @@
   .event-detail__product-list { gap: 42px; }
   .event-detail__product {
     display: grid;
-    grid-template-columns: minmax(0, 1fr) 118px 72px;
+    grid-template-columns: minmax(0, 1fr) 96px 72px;
     column-gap: 26px;
     margin-inline: 0;
   }
@@ -58,9 +58,11 @@
   .event-detail__product h3 { align-self: center; font-size: 13px; }
   .event-detail__product-action { margin-left: 0 !important; }
   .event-detail__product-action app-quantity-selector {
-    --quantity-selector-width: 118px;
-    --quantity-selector-button-width: 34px;
-    --quantity-selector-value-font-size: 20px;
+    --quantity-selector-width: 96px;
+    --quantity-selector-height: 32px;
+    --quantity-selector-button-width: 28px;
+    --quantity-selector-button-font-size: 14px;
+    --quantity-selector-value-font-size: 14px;
   }
   .event-detail__price { align-self: center; font-size: 14px; }
   .event-detail__total { margin-top: 44px; padding-top: 25px; font-size: 13px; }
diff --git a/src/app/shared/components/quantity-selector/quantity-selector.component.scss b/src/app/shared/components/quantity-selector/quantity-selector.component.scss
index 250b399..93e6275 100644
--- a/src/app/shared/components/quantity-selector/quantity-selector.component.scss
+++ b/src/app/shared/components/quantity-selector/quantity-selector.component.scss
@@ -5,15 +5,15 @@
 .quantity-selector {
   border: 1px solid var(--border-color);
   width: var(--quantity-selector-width, 78px);
-  height: 40px;
-  min-height: 40px;
+  height: var(--quantity-selector-height, 40px);
+  min-height: var(--quantity-selector-height, 40px);
   background-color: #ffffff;
   box-sizing: border-box;
 
   &__button {
     width: var(--quantity-selector-button-width, 24px);
     height: 100%;
-    font-size: 20px;
+    font-size: var(--quantity-selector-button-font-size, 20px);
     color: #6f6f6f;
     background-color: #ffffff;
     transition: