diff --git a/app/static/css/cassandra.css b/app/static/css/cassandra.css index 8f3c3c8..b4b6f6b 100644 --- a/app/static/css/cassandra.css +++ b/app/static/css/cassandra.css @@ -2524,3 +2524,23 @@ a.btn-secondary:hover { color: var(--accent); border-color: var(--accent); } color: var(--warning); } .pf-add-warning:empty { display: none; } + +/* Quietly explains the controls. Shown only when the form is visible, + * which is to say only in edit mode. */ +.pf-add__hint { + margin: 6px 0 0; + font-size: 11px; + color: var(--dim); + line-height: 1.5; + font-style: italic; +} +.pf-add__hint kbd { + font-family: inherit; + font-style: normal; + font-size: 11px; + padding: 0 4px; + border: 1px solid var(--border); + border-radius: 2px; + color: var(--muted); + background: color-mix(in srgb, var(--accent) 4%, transparent); +} diff --git a/app/templates/dashboard.html b/app/templates/dashboard.html index cb31752..fda7358 100644 --- a/app/templates/dashboard.html +++ b/app/templates/dashboard.html @@ -91,6 +91,11 @@ +
+ Type a symbol, then quantity and cost — or use the calendar + to fill cost from a buy date — then + to add. + × next to an existing row removes it. +