feat: update styles for small quantity selector to improve appearance and usability

src/app/shared/components/product-row-card/product-row-card.component.scss

@@ -77,6 +77,54 @@
   }
 }
 
+@media (min-width: 992px) {
+  .product-row-card {
+    &__info {
+      min-width: 0;
+    }
+
+    &__actions,
+    &__summary,
+    &__buttons {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+
+    &__actions {
+      flex: 0 0 auto;
+      gap: 0.75rem;
+    }
+
+    &__summary,
+    &__buttons {
+      gap: 0.5rem;
+    }
+
+    &__price {
+      align-self: center;
+    }
+
+    &__selectors {
+      width: auto;
+
+      ::ng-deep .variant-selector {
+        display: flex;
+        width: auto;
+      }
+
+      ::ng-deep .variant-selector__select {
+        width: auto;
+        min-width: 108px;
+      }
+    }
+
+    &__btn-wrapper {
+      min-width: 140px;
+    }
+  }
+}
+
 @media (max-width: 991.98px) {
   .product-row-card {
     align-items: stretch;