diff --git a/src/assets/css/button.styl b/src/assets/css/button.styl index a63e686..1be6139 100644 --- a/src/assets/css/button.styl +++ b/src/assets/css/button.styl @@ -67,10 +67,6 @@ display: inline-block; width: 16px; height: var(--bx-button-height); - - &:not(:only-child) { - margin-right: 10px; - } } span { @@ -82,6 +78,10 @@ color: #fff; overflow: hidden; white-space: nowrap; + + &:not(:only-child) { + margin-left: 10px; + } } } @@ -119,5 +119,12 @@ button.bx-inactive { } .bx-button-shortcut { - margin-top: 10px; + max-width: max-content; + margin: 10px 0 0 0; +} + +@media (min-width: 568px) and (max-height: 480px) { + .bx-button-shortcut { + margin: 8px 0 0 10px; + } } diff --git a/src/modules/ui/product-details.ts b/src/modules/ui/product-details.ts index 84d2b37..00ba4e6 100644 --- a/src/modules/ui/product-details.ts +++ b/src/modules/ui/product-details.ts @@ -28,7 +28,6 @@ export class ProductDetailsPage { // Find action buttons container const $container = document.querySelector('div[class*=ActionButtons-module__container]'); if ($container) { - this.$btnShortcut.style.width = $container.getBoundingClientRect().width + 'px'; $container.parentElement?.appendChild(ProductDetailsPage.$btnShortcut); } }, 500);