From e30a7f915642bb42fe03d9f55370a57ecd8e12ee Mon Sep 17 00:00:00 2001 From: Oliver Date: Sat, 25 Apr 2026 20:49:00 -0600 Subject: [PATCH] Make the attribute tab use a two-column layout for the lists --- styles/Apps/PlayerSheet.css | 15 ++++++++++++++- templates/PlayerSheet/tabs/attributes/lists.hbs | 2 +- 2 files changed, 15 insertions(+), 2 deletions(-) diff --git a/styles/Apps/PlayerSheet.css b/styles/Apps/PlayerSheet.css index cac9bb0..f83f335 100644 --- a/styles/Apps/PlayerSheet.css +++ b/styles/Apps/PlayerSheet.css @@ -97,6 +97,11 @@ list-style: none; margin: 0; padding: 0; + + &.two-col { + display: grid; + grid-template-columns: repeat(2, 1fr); + } } .item { @@ -181,6 +186,7 @@ background: var(--attribute-background); color: var(--attribute-colour); padding: 4px; + margin: 0; .name { font-size: 1.1rem; @@ -200,9 +206,16 @@ } } - &:last-child { + &:last-child:nth-child(odd) { + grid-column: 1 / -1; border-radius: 0 0 6px 6px; } + &:nth-last-child(2):has( + &:nth-child(even)) { + border-radius: 0 0 0 6px; + } + &:last-child:nth-child(even) { + border-radius: 0 0 6px 0; + } } .content { diff --git a/templates/PlayerSheet/tabs/attributes/lists.hbs b/templates/PlayerSheet/tabs/attributes/lists.hbs index ef11d3d..6242388 100644 --- a/templates/PlayerSheet/tabs/attributes/lists.hbs +++ b/templates/PlayerSheet/tabs/attributes/lists.hbs @@ -10,7 +10,7 @@ {{ group.name }} -