diff --git a/components/reps/WeaponRep/index.scss b/components/reps/WeaponRep/index.scss index 40eee89f..65f6b487 100644 --- a/components/reps/WeaponRep/index.scss +++ b/components/reps/WeaponRep/index.scss @@ -1,5 +1,5 @@ .WeaponRep { - aspect-ratio: 2/0.95; + aspect-ratio: 2/0.955; border-radius: $card-corner; display: grid; grid-template-columns: 1fr 3.39fr; /* left column takes up 1 fraction, right column takes up 3 fractions */ @@ -15,7 +15,6 @@ aspect-ratio: 73/153; display: grid; grid-column: 1 / 2; /* spans one column */ - max-height: 149px; } .GridWeapons { diff --git a/components/weapon/WeaponGrid/index.scss b/components/weapon/WeaponGrid/index.scss index 7d04123d..c06232d4 100644 --- a/components/weapon/WeaponGrid/index.scss +++ b/components/weapon/WeaponGrid/index.scss @@ -50,6 +50,6 @@ } li { - list-style: none; + aspect-ratio: 1 / 1.035; } } diff --git a/components/weapon/WeaponUnit/index.scss b/components/weapon/WeaponUnit/index.scss index 12ec3378..4a625318 100644 --- a/components/weapon/WeaponUnit/index.scss +++ b/components/weapon/WeaponUnit/index.scss @@ -176,6 +176,8 @@ } .WeaponName { + font-size: $font-name; + line-height: 1.2; @include breakpoint(phone) { font-size: $font-tiny; } diff --git a/styles/variables.scss b/styles/variables.scss index a373b511..fffa1e9b 100644 --- a/styles/variables.scss +++ b/styles/variables.scss @@ -330,6 +330,7 @@ $bold: 600; $font-tiny: 11px; $font-small: 13px; $font-button: 15px; +$font-name: 15px; $font-regular: 16px; $font-medium: 18px; $font-large: 21px;