diff --git a/app/frontend/pages/sentiment/foundation.css b/app/frontend/pages/sentiment/foundation.css index 6accf89..d8c4b9b 100644 --- a/app/frontend/pages/sentiment/foundation.css +++ b/app/frontend/pages/sentiment/foundation.css @@ -948,13 +948,33 @@ } .redesigned-page-head #sentimentExportButton { - min-height: 28px; + min-height: 32px; - height: 28px; + height: 32px; - padding: 0px 11px; + padding: 0px 12px; + + border: 1px solid var(--border-strong); + + border-radius: 8px; + + background: var(--surface); + + color: var(--text-primary); font-size: 12px; + + font-weight: 500; +} + +.redesigned-page-head #sentimentExportButton:hover { + border-color: var(--r2-blue-line); + + color: var(--r2-blue); +} + +#sentimentCycleView .sentiment-cycle-toolbar .toolbar-controls { + gap: 8px; } .redesigned-card-head .sentiment-auto-tag, @@ -1598,7 +1618,7 @@ background: var(--surface); } -:root[data-theme="dark"] :is(.sentiment-cycle-toolbar, .tbl-tools) { +:root[data-theme="dark"] .tbl-tools { border-color: var(--line-soft); background: var(--surface); @@ -1612,7 +1632,7 @@ color: var(--warning-color); } -:root[data-theme="dark"] #sentimentCycleView :is(.sentiment-current-tag, .sentiment-auto-tag, .sentiment-detail-toolbar, .section-toolbar) { +:root[data-theme="dark"] #sentimentCycleView :is(.sentiment-current-tag, .sentiment-auto-tag, .sentiment-detail-toolbar) { border-color: var(--border); background: var(--surface-muted);