diff --git a/styles/daggerheart.css b/styles/daggerheart.css index 9968a8b8..245498cc 100755 --- a/styles/daggerheart.css +++ b/styles/daggerheart.css @@ -1321,7 +1321,7 @@ .combat-sidebar .token-actions { align-self: stretch; display: flex; - align-items: center; + align-items: top; justify-content: center; gap: 16px; } @@ -1332,7 +1332,7 @@ .combat-sidebar .token-actions .action-tokens .action-token { height: 24px; border: 1px solid; - border-radius: 8px; + border-radius: 50%; display: flex; align-items: center; justify-content: center; @@ -1342,9 +1342,12 @@ } .combat-sidebar .token-actions .action-tokens .action-token.used { opacity: 0.5; + background: transparent; } .combat-sidebar .token-actions button { font-size: 22px; + height: 24px; + width: 24px; } .combat-sidebar .token-actions button.main { background: var(--button-hover-background-color); @@ -1365,7 +1368,7 @@ filter: drop-shadow(0 0 3px gold); color: var(--button-hover-text-color); } -.combat-sidebar h5 { +.combat-sidebar h4 { margin: 0; text-align: center; } diff --git a/styles/ui.less b/styles/ui.less index 032e5a43..21345aaa 100644 --- a/styles/ui.less +++ b/styles/ui.less @@ -33,7 +33,7 @@ .token-actions { align-self: stretch; display: flex; - align-items: center; + align-items: top; justify-content: center; gap: 16px; @@ -44,7 +44,7 @@ .action-token { height: 24px; border: 1px solid; - border-radius: 8px; + border-radius: 50%; display: flex; align-items: center; justify-content: center; @@ -54,12 +54,15 @@ &.used { opacity: 0.5; + background: transparent; } } } button { font-size: 22px; + height: 24px; + width: 24px; &.main { background: var(--button-hover-background-color); @@ -89,7 +92,7 @@ } } - h5 { + h4 { margin: 0; text-align: center; } diff --git a/templates/ui/combat/combatTrackerSection.hbs b/templates/ui/combat/combatTrackerSection.hbs index c0aa4139..c26a69ad 100644 --- a/templates/ui/combat/combatTrackerSection.hbs +++ b/templates/ui/combat/combatTrackerSection.hbs @@ -1,5 +1,5 @@