fix: style project rows as accessible buttons

This commit is contained in:
2026-08-02 20:52:01 -04:00
parent 10c7f23b17
commit 4be5f521ff

View File

@@ -166,7 +166,7 @@ button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px s
.toolbar-select select { appearance: none; border: 1px solid var(--line); background: var(--bg-raised); color: var(--text-soft); border-radius: 4px; height: 36px; padding: 0 28px 0 9px; }
.toolbar-select svg { margin-left: -24px; pointer-events: none; }
.project-list { border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; background: var(--bg-panel); }
.project-list-row { min-height: 72px; display: grid; grid-template-columns: 58px minmax(180px, 1fr) 100px 105px 95px 32px; gap: 14px; align-items: center; padding: 7px 14px 7px 8px; border-bottom: 1px solid var(--line-soft); }
.project-list-row { width: 100%; min-height: 72px; display: grid; grid-template-columns: 58px minmax(180px, 1fr) 100px 105px 95px 32px; gap: 14px; align-items: center; padding: 7px 14px 7px 8px; border: 0; border-bottom: 1px solid var(--line-soft); background: transparent; color: inherit; text-align: left; cursor: pointer; }
.project-list-row:last-child { border-bottom: 0; }
.project-list-row:hover { background: var(--bg-hover); }
.list-thumbnail { width: 58px; height: 56px; border-radius: 3px; }