diff --git a/src/scss/components/_currency.scss b/src/scss/components/_currency.scss index 13362211..582a6547 100644 --- a/src/scss/components/_currency.scss +++ b/src/scss/components/_currency.scss @@ -1,17 +1,16 @@ @use "../utils/variables"; .ds4-currency { + align-items: center; display: flex; gap: 1em; - align-items: center; - $height: 1.75em; margin: 0.5em 0; } .ds4-currency-title { - margin-top: 1em; - margin-bottom: 0; - padding-left: 1em; border-bottom: variables.$border-groove; font-weight: bold; + margin-bottom: 0; + margin-top: 1em; + padding-left: 1em; } diff --git a/src/scss/components/_item_list.scss b/src/scss/components/_item_list.scss index 9842a16e..afebd6cc 100644 --- a/src/scss/components/_item_list.scss +++ b/src/scss/components/_item_list.scss @@ -2,18 +2,17 @@ @use "../utils/variables"; .ds4-item-list { + @include mixins.mark-invalid-or-disabled-input; + $row-height: 1.75em; + align-items: center; display: grid; grid-column-gap: 0.5em; grid-row-gap: 0.2em; - align-items: center; - margin: 0.5em 0; - padding: 0; overflow-y: auto; - - @include mixins.mark-invalid-or-disabled-input; + padding: 0; &--weapon { grid-template-columns: $row-height $row-height 3ch 3fr $row-height 1fr 3ch 5fr 4ch; @@ -57,10 +56,17 @@ } } + &__image { + background-position: center; + background-repeat: no-repeat; + background-size: 100%; + } + &__editable { + background-color: transparent; border: 0; padding: 0; - background-color: transparent; + &--checkbox { width: 100%; height: 100%; @@ -68,31 +74,27 @@ } } - &__image { - background-repeat: no-repeat; - background-size: 100%; - background-position: center; - } - &__description { overflow: hidden; text-overflow: ellipsis; + :not(:first-child) { display: none; } + > * { font-size: 0.75em; - text-overflow: ellipsis; - overflow: hidden; margin: 0; + overflow: hidden; + text-overflow: ellipsis; } } } .ds4-item-list-title { - margin-top: 1em; - margin-bottom: 0; - padding-left: 1em; border-bottom: variables.$border-groove; font-weight: bold; + margin-bottom: 0; + margin-top: 1em; + padding-left: 1em; } diff --git a/src/scss/components/_talent_rank_equation.scss b/src/scss/components/_talent_rank_equation.scss index a3c9e46b..0b861f9b 100644 --- a/src/scss/components/_talent_rank_equation.scss +++ b/src/scss/components/_talent_rank_equation.scss @@ -1,11 +1,12 @@ .ds4-talent-rank-equation { display: flex; gap: 0.5em; + &__value { - height: auto; - border: 0; - padding: 0; background-color: transparent; + border: 0; + height: auto; + padding: 0; text-align: center; } }