feat: style adjustments

plodovi · Jun 29, 2023 · 27cab0d · 27cab0d
1 parent 0279225
commit 27cab0d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/src/AddToCart.ts b/src/AddToCart.ts
@@ -9,7 +9,6 @@ export class AddToCart extends LitElement {
     :host {
       background: var(--color-primary);
       border-radius: var(--br-small);
-      padding: var(--btn-padding);
       outline: none;
       border: none;
       align-items: center;
@@ -23,6 +22,7 @@ export class AddToCart extends LitElement {
       outline: none;
       border:none;
       cursor: pointer;
+      padding: var(--btn-padding);
       color: var(--text-dark);
       font-size: var(--font-size);
       -webkit-tap-highlight-color: transparent;

diff --git a/src/CartToggle.ts b/src/CartToggle.ts
@@ -16,9 +16,12 @@ export class CartToggle extends LitElement {
       align-items: flex-start;
       cursor: pointer;
       -webkit-tap-highlight-color: transparent;
+      position: relative;
+      min-width: 50px;
     }
 
     button {
+      width: 100%;
       background: none;
       height: 100%;
       outline: none;
@@ -29,6 +32,9 @@ export class CartToggle extends LitElement {
     }
 
     div {
+      position: absolute;
+      top: 0;
+      right: -15px;
       width: 20px;
       height: 20px;
       background: var(--text-light);
@@ -38,6 +44,9 @@ export class CartToggle extends LitElement {
       align-items: center;
       justify-content: center;
     }
+      img {
+        height: 50px;
+      }
   `];
 
   @property({ type: Boolean }) count = true;