diff --git a/frontend/src/styles.css b/frontend/src/styles.css index 15a19b0..1e13e4c 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -509,10 +509,10 @@ overflow-wrap: anywhere; } - /* Secrets table becomes a compact card list: no thead, purpose and - category columns drop out (category rides under the title). Each row - is a two-line grid card — title on top spanning full width, status - badge bottom-left and the open chevron bottom-right. */ + /* Secrets table becomes a compact one-line list: no thead, purpose / + category / status columns drop (category rides under the title, + status is visible in the secret's detail card); + title left, open chevron right, vertically centered. */ .secrets-table { display: block; } @@ -527,7 +527,7 @@ .secrets-table .table-row { display: grid; - grid-template-columns: 1fr auto; + grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 10px; padding: 10px 0; @@ -541,25 +541,14 @@ width: auto; } - .secrets-table .table-row > td:nth-child(1) { - grid-column: 1 / -1; - padding-bottom: 8px; - } - - .secrets-table .table-row > td:nth-child(4) { - justify-self: start; - } - - .secrets-table .table-row > td:nth-child(5) { - justify-self: end; - } - .secrets-table .table-row:not(:last-child) { border-bottom: 2px solid rgba(192, 202, 245, 0.08); } + /* purpose, category, status */ .secrets-table .table-row > td:nth-child(2), - .secrets-table .table-row > td:nth-child(3) { + .secrets-table .table-row > td:nth-child(3), + .secrets-table .table-row > td:nth-child(4) { display: none; }