diff --git a/The Fantasy Trip/TFT.css b/The Fantasy Trip/TFT.css index 9030fd15dd..fd80907154 100644 --- a/The Fantasy Trip/TFT.css +++ b/The Fantasy Trip/TFT.css @@ -43,6 +43,7 @@ .sheet-first-word { font-size: larger; + align-self: flex-start; } .sheet-stat-input { @@ -69,6 +70,7 @@ border-color: #BBBBBB; text-align: center; font-weight: bold; + align-self: flex-start; } .sheet-expand-button:hover, @@ -388,3 +390,23 @@ .charsheet .sheet-toggle:checked ~ .sheet-toggle-unchecked { display: none; } + +/* Flex Stuff */ +.charsheet .sheet-flex-section { + display: flex; + gap: .25rem; + align-items: flex-end; +} + +.charsheet .sheet-flex { + flex: 1 1 auto; + width: 13rem; +} +.charsheet .sheet-flex-checkbox { + align-self: center; + width: 2rem; +} + +.charsheet .sheet-flex-buttons-stub { + width: 6.2rem; +} diff --git a/The Fantasy Trip/TFT.html b/The Fantasy Trip/TFT.html index 20ec1e1474..feb802d235 100644 --- a/The Fantasy Trip/TFT.html +++ b/The Fantasy Trip/TFT.html @@ -34,9 +34,9 @@ ST + - + = - + @@ -87,42 +87,42 @@