diff --git a/sidepanel/sidepanel.css b/sidepanel/sidepanel.css index 1d277dd..7d62ee4 100644 --- a/sidepanel/sidepanel.css +++ b/sidepanel/sidepanel.css @@ -412,12 +412,15 @@ header { .btn { display: inline-flex; align-items: center; + justify-content: center; gap: 6px; - padding: 7px 14px; + min-height: var(--data-field-height); + padding: 0 12px; font-family: inherit; font-size: 13px; font-weight: 600; - border: 1px solid transparent; + line-height: 1; + border: 1px solid var(--border); border-radius: var(--radius-sm); cursor: pointer; transition: all var(--transition); @@ -433,12 +436,14 @@ header { .btn-success { background: var(--green); color: #fff; + border-color: var(--green); } .btn-success:hover { opacity: 0.9; box-shadow: 0 2px 8px var(--green-soft); } .btn-danger { background: var(--red); color: #fff; + border-color: var(--red); } .btn-danger:hover { opacity: 0.9; box-shadow: 0 2px 8px var(--red-soft); } @@ -468,10 +473,9 @@ header { .run-count-input:disabled { opacity: 0.5; cursor: not-allowed; } .btn-ghost { - background: transparent; + background: var(--bg-field); color: var(--text-secondary); - padding: 6px; - border-radius: var(--radius-sm); + border-color: var(--border); } .btn-ghost:hover { background: var(--bg-hover); color: var(--text-primary); } @@ -482,8 +486,8 @@ header { } .btn-outline:hover { border-color: var(--blue); color: var(--blue); background: var(--blue-soft); } -.btn-sm { padding: 5px 12px; font-size: 12px; } -.btn-xs { padding: 4px 10px; font-size: 11px; } +.btn-sm { padding-inline: 12px; font-size: 12px; } +.btn-xs { padding-inline: 10px; font-size: 11px; } /* ============================================================ Extension Updates @@ -1547,14 +1551,10 @@ header { color: var(--text-secondary); } -#btn-fetch-email { - padding-inline: 10px; - flex-shrink: 0; -} - .data-inline-btn { flex: 0 0 auto; min-width: var(--data-inline-action-min-width); + min-height: var(--data-field-height); justify-content: center; } @@ -2437,10 +2437,7 @@ header { .hero-sms-country-menu-btn { width: 100%; - height: 33px; - min-height: 33px; - padding-top: 0; - padding-bottom: 0; + min-height: var(--data-field-height); justify-content: flex-start; overflow: hidden; text-overflow: ellipsis; @@ -2543,8 +2540,7 @@ header { flex: 1 1 auto; min-width: 0; width: 100%; - height: 33px; - min-height: 33px; + min-height: var(--data-field-height); } .hero-sms-free-phone-cell { @@ -2583,10 +2579,7 @@ header { } #btn-hero-sms-price-preview { - height: 33px; - min-height: 33px; - padding-top: 0; - padding-bottom: 0; + min-height: var(--data-field-height); align-self: flex-start; } diff --git a/sidepanel/sidepanel.html b/sidepanel/sidepanel.html index fe7cfee..97ba281 100644 --- a/sidepanel/sidepanel.html +++ b/sidepanel/sidepanel.html @@ -137,7 +137,8 @@ - +