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: