From 0e4d751f9b995fbc0177a2d0039191899b5bbd5c Mon Sep 17 00:00:00 2001
From: Vanessa <lly219@gmail.com>
Date: Sat, 15 Oct 2022 16:17:41 +0800
Subject: [PATCH] :lipstick: tab

---
 app/src/assets/scss/_layout.scss | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/app/src/assets/scss/_layout.scss b/app/src/assets/scss/_layout.scss
index a2c2037ea..5bb1b9a95 100644
--- a/app/src/assets/scss/_layout.scss
+++ b/app/src/assets/scss/_layout.scss
@@ -163,12 +163,15 @@
 
           .item__text {
             max-width: 148px;
-            padding: 0 8px;
-            min-width: auto;
             font-style: normal;
             color: var(--b3-theme-on-background);
           }
 
+          .item__graphic,
+          .item__icon {
+            padding: 0;
+          }
+
           .item__close {
             display: none;
           }
@@ -190,7 +193,7 @@
         }
 
         &__icon {
-          padding: 4px 8px;
+          padding: 4px 0 4px 8px;
           line-height: 22px;
           flex-shrink: 0;
 
@@ -205,22 +208,22 @@
         }
 
         &__graphic {
-          padding: 4px 8px;
+          padding: 4px 0 4px 8px;
           height: 14px;
           width: 14px;
         }
 
         &__text {
-          min-width: 56px;
           @include text-clamp(1);
           text-align: center;
           -webkit-font-smoothing: subpixel-antialiased;
           color: var(--b3-theme-on-surface);
           transition: var(--b3-transition);
+          padding: 0 8px;
         }
 
         &__close {
-          padding: 4px 8px;
+          padding: 4px 8px 4px 0;
           display: flex;
           align-items: center;