diff --git a/styles.css b/styles.css index 7d2d098..b22115c 100644 --- a/styles.css +++ b/styles.css @@ -15,11 +15,15 @@ } .org-todo-tagbar { display: flex; - flex-wrap: wrap; + flex-wrap: nowrap; + overflow-x: auto; gap: 4px; margin-bottom: 10px; + padding-bottom: 4px; /* breathing room for the scrollbar */ } .org-todo-chip { + flex: 0 0 auto; /* don't let chips shrink — keep them scrollable */ + white-space: nowrap; /* chip label stays on one line */ font-size: 0.8em; padding: 2px 8px; border-radius: 12px; @@ -73,6 +77,7 @@ } .org-todo-rowtag { font-size: 0.75em; + font-style: italic; color: var(--text-accent); } .org-todo-date {