diff --git a/src/components/ordering/MenuItemCustomizer.module.scss b/src/components/ordering/MenuItemCustomizer.module.scss index 1ba9f85..ed5bdd2 100644 --- a/src/components/ordering/MenuItemCustomizer.module.scss +++ b/src/components/ordering/MenuItemCustomizer.module.scss @@ -57,12 +57,17 @@ } .stepperButton { + display: flex; + align-items: center; + justify-content: center; width: 2rem; height: 2rem; + padding: 0; border-radius: 50%; border: 1px solid $color-border; background: $color-background; color: $color-text; + line-height: 1; cursor: pointer; transition: border-color 0.15s ease; diff --git a/src/components/ordering/MenuList.module.scss b/src/components/ordering/MenuList.module.scss index faf0446..5326165 100644 --- a/src/components/ordering/MenuList.module.scss +++ b/src/components/ordering/MenuList.module.scss @@ -75,12 +75,17 @@ } .stepperButton { + display: flex; + align-items: center; + justify-content: center; width: 2rem; height: 2rem; + padding: 0; border-radius: 50%; border: 1px solid $color-border; background: $color-background; color: $color-text; + line-height: 1; cursor: pointer; align-self: center; justify-self: center; diff --git a/src/routes/basket.module.scss b/src/routes/basket.module.scss index 697cd3a..7145376 100644 --- a/src/routes/basket.module.scss +++ b/src/routes/basket.module.scss @@ -133,12 +133,17 @@ } .stepperButton { + display: flex; + align-items: center; + justify-content: center; width: 2rem; height: 2rem; + padding: 0; border-radius: 50%; border: 1px solid $color-border; background: $color-background; color: $color-text; + line-height: 1; cursor: pointer; align-self: center; justify-self: center;