diff --git a/css/ds4.css b/css/ds4.css index ad01c6a1..183e02f9 100644 --- a/css/ds4.css +++ b/css/ds4.css @@ -23,7 +23,6 @@ grid-column: span 2 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; - margin: 10px 0; padding: 0; } @@ -233,7 +232,7 @@ font-family: "Lora", sans-serif; } -.ds4 .sheet-header { +.ds4 header.sheet-header { -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; @@ -250,24 +249,26 @@ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; - margin-bottom: 10px; + -webkit-box-align: start; + -ms-flex-align: start; + align-items: flex-start; } -.ds4 .sheet-header .profile-img { +.ds4 header.sheet-header .profile-img { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; height: 100px; - margin-right: 10px; + margin: 5px 10px 5px 0; } -.ds4 .sheet-header .header-fields { +.ds4 header.sheet-header .header-fields { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } -.ds4 .sheet-header h1.charname { +.ds4 header.sheet-header h1.charname { height: 50px; padding: 0px; margin: 5px 0; @@ -275,7 +276,7 @@ font-family: "Wood Stamp", sans-serif; } -.ds4 .sheet-header h1.charname input { +.ds4 header.sheet-header h1.charname input { width: 100%; height: 100%; margin: 0; @@ -301,10 +302,15 @@ padding: 0 8px; } -.ds4 .basic-property-label { +.ds4 .basic-property .basic-property-label { font-weight: bold; } +.ds4 .basic-property .basic-property-select { + display: block; + width: 100%; +} + .ds4 nav.tabs { height: 40px; border-top: 2px groove #eeede0; diff --git a/scss/components/_basic_property.scss b/scss/components/_basic_property.scss index 85a34358..1ae7b0b6 100644 --- a/scss/components/_basic_property.scss +++ b/scss/components/_basic_property.scss @@ -1,4 +1,10 @@ -.basic-property-label { - font-weight: bold; - // text-transform: uppercase; +.basic-property { + .basic-property-label { + font-weight: bold; + } + + .basic-property-select { + display: block; + width: 100%; + } } diff --git a/scss/components/_forms.scss b/scss/components/_forms.scss index 608db569..0e399278 100644 --- a/scss/components/_forms.scss +++ b/scss/components/_forms.scss @@ -2,19 +2,21 @@ font-family: $font-primary; } -.sheet-header { +$header-top-margin: 5px; + +header.sheet-header { flex: 0 0 210px; overflow: hidden; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; - margin-bottom: 10px; + align-items: flex-start; .profile-img { flex: 0 0 100px; height: 100px; - margin-right: 10px; + margin: $header-top-margin 10px $header-top-margin 0; } .header-fields { @@ -24,7 +26,7 @@ h1.charname { height: 50px; padding: 0px; - margin: 5px 0; + margin: $header-top-margin 0; border-bottom: 0; input { width: 100%; diff --git a/scss/global/_grid.scss b/scss/global/_grid.scss index aba92d40..bbdfb3ec 100644 --- a/scss/global/_grid.scss +++ b/scss/global/_grid.scss @@ -4,7 +4,6 @@ grid-column: span 2 / span 2; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; - margin: 10px 0; padding: 0; } diff --git a/templates/item/weapon-sheet.hbs b/templates/item/weapon-sheet.hbs index 3eab1082..c73543ff 100644 --- a/templates/item/weapon-sheet.hbs +++ b/templates/item/weapon-sheet.hbs @@ -6,15 +6,23 @@