diff --git a/app/src/assets/scss/_block.scss b/app/src/assets/scss/_block.scss index 4449c6b78..f1e38dcd3 100644 --- a/app/src/assets/scss/_block.scss +++ b/app/src/assets/scss/_block.scss @@ -112,7 +112,6 @@ color: var(--b3-theme-on-surface); cursor: pointer; opacity: 0; - transition: var(--b3-transition); border: 0; background: transparent; flex-shrink: 0; @@ -120,6 +119,7 @@ display: flex; align-items: center; border-radius: 2px; + transition: var(--b3-transition), opacity .3s cubic-bezier(0, 0, .2, 1) 0ms; &:hover:not([disabled]):not(.ft__primary), &--active { diff --git a/app/src/assets/scss/_layout.scss b/app/src/assets/scss/_layout.scss index 1094eaf43..a2c2037ea 100644 --- a/app/src/assets/scss/_layout.scss +++ b/app/src/assets/scss/_layout.scss @@ -159,10 +159,11 @@ &--pin { flex: none; + min-width: 42px; .item__text { max-width: 148px; - padding-right: 8px; + padding: 0 8px; min-width: auto; font-style: normal; color: var(--b3-theme-on-background); @@ -171,10 +172,6 @@ .item__close { display: none; } - - .item__graphic { - padding-right: 8px; - } } &--focus { @@ -208,7 +205,7 @@ } &__graphic { - padding: 4px 0 4px 8px; + padding: 4px 8px; height: 14px; width: 14px; }