Make the refresh button 10% of the row width

This commit is contained in:
Claude
2026-10-01 20:43:41 +00:00
parent 9eb5e98048
commit 47826536a6

View File

@@ -417,8 +417,8 @@
/* Icon-only refresh beside the primary action */ /* Icon-only refresh beside the primary action */
#listActions button.la-primary.la-inline { flex: 1 1 0; min-width: 0; } #listActions button.la-primary.la-inline { flex: 1 1 0; min-width: 0; }
#listActions button.la-icon { #listActions button.la-icon {
flex: 0 0 54px; width: 54px; height: 54px; padding: 0; flex: 0 0 10%; width: 10%; min-width: 0; height: 54px; padding: 0;
border-radius: 18px; font-size: 22px; justify-content: center; border-radius: 18px; font-size: 22px; justify-content: center;
border: 1px solid var(--line); background: var(--bg-3); color: var(--text); border: 1px solid var(--line); background: var(--bg-3); color: var(--text);
} }
@media (min-width: 900px) { #listActions button.la-icon { height: 44px; width: 44px; flex-basis: 44px; border-radius: 14px; } } @media (min-width: 900px) { #listActions button.la-icon { height: 44px; flex-basis: 44px; width: 44px; border-radius: 14px; } }