diff --git a/dailystone/templates/dailystone/stone.html b/dailystone/templates/dailystone/stone.html index 4f17710..afa673e 100644 --- a/dailystone/templates/dailystone/stone.html +++ b/dailystone/templates/dailystone/stone.html @@ -45,6 +45,7 @@ padding: 2rem 0 1rem; border-bottom: 1px solid var(--border); margin-bottom: 2rem; + position: relative; } .page-header .label { @@ -55,6 +56,33 @@ margin-bottom: 0.25rem; } + .random-btn { + position: absolute; + top: 1.5rem; + right: 0; + display: inline-flex; + align-items: center; + gap: 0.35rem; + padding: 0.4rem 0.75rem; + font-family: 'Georgia', serif; + font-size: 0.8rem; + color: var(--stone-text); + background: var(--stone-muted); + border: 1px solid var(--border); + border-radius: 3px; + text-decoration: none; + transition: background 0.2s; + } + + .random-btn:hover { + background: color-mix(in srgb, var(--stone-color) 20%, #f5f5f0); + } + + .random-btn svg { + width: 14px; + height: 14px; + } + .page-header .date { font-size: 0.85rem; color: var(--text-secondary); @@ -274,7 +302,15 @@ {% if mineral %}