diff --git a/core/src/components/show-plugin.js b/core/src/components/show-plugin.js index 9afdf3cb..fe1df345 100644 --- a/core/src/components/show-plugin.js +++ b/core/src/components/show-plugin.js @@ -91,7 +91,7 @@ class ShowPlugin extends connect(store)(LitElement) { cursor: pointer; transition: background 0.3s; position: relative; - min-width: 120px; + min-width: 100px; max-width: 200px; overflow: hidden; text-wrap: nowrap; @@ -119,15 +119,11 @@ class ShowPlugin extends connect(store)(LitElement) { .close { color: #999; font-weight: bold; - font-size: 20px; - line-height: 20px; - position: absolute; - top: 7px; - right: 8px; + font-size: 16px; } .title { - display: inline; + display: inline-block; } .close:hover { @@ -151,16 +147,16 @@ class ShowPlugin extends connect(store)(LitElement) { .iconActive { position: absolute; - top: 7px; + top: 5px; color: #03a9f4; - --mdc-icon-size: 20px; + --mdc-icon-size: 24px; } .iconInactive { position: absolute; - top: 7px; + top: 5px; color: #999; - --mdc-icon-size: 20px; + --mdc-icon-size: 24px; } .count { @@ -195,6 +191,10 @@ class ShowPlugin extends connect(store)(LitElement) { margin-left: 25px; } + .ml-30 { + margin-left: 30px; + } + .mr-10 { margin-right: 10px; } @@ -207,6 +207,30 @@ class ShowPlugin extends connect(store)(LitElement) { margin-right: 20px; } + .mt-10 { + margin-top: 10px; + } + + .mt-15 { + margin-top: 15px; + } + + .mt-20 { + margin-top: 20px; + } + + .mb-10 { + margin-bottom: 10px; + } + + .mb-15 { + margin-bottom: 15px; + } + + .mb-20 { + margin-bottom: 20px; + } + @keyframes pulse { 0% { box-shadow:#C6011F 0 0 0 0; @@ -304,24 +328,18 @@ class ShowPlugin extends connect(store)(LitElement) { class="tab ${this.currentTab === index ? 'active' : ''}" @click=${() => this.currentTab = index} > +