diff --git a/components/reps/GridRep/index.module.scss b/components/reps/GridRep/index.module.scss index 297a92b6..7b113762 100644 --- a/components/reps/GridRep/index.module.scss +++ b/components/reps/GridRep/index.module.scss @@ -3,9 +3,6 @@ border: 1px solid transparent; border-radius: $card-corner; box-sizing: border-box; - display: grid; - grid-template-rows: 1fr 1fr; - gap: $unit; min-width: 320px; position: relative; width: 100%; @@ -65,8 +62,8 @@ button { position: absolute; z-index: 2; - right: $unit; - top: $unit; + right: $unit-2x; + top: $unit-2x; width: 44px; } @@ -134,9 +131,9 @@ } .weaponGrid { - aspect-ratio: 2/0.95; + aspect-ratio: 2/0.8; display: grid; - grid-template-columns: 1fr 3.36fr; /* left column takes up 1 fraction, right column takes up 3 fractions */ + grid-template-columns: 1fr 3.6fr; /* left column takes up 1 fraction, right column takes up 3 fractions */ grid-gap: $unit; /* add a gap of 8px between grid items */ .weapon { diff --git a/components/reps/GridRep/index.tsx b/components/reps/GridRep/index.tsx index ff3360c4..36a088c6 100644 --- a/components/reps/GridRep/index.tsx +++ b/components/reps/GridRep/index.tsx @@ -561,10 +561,12 @@ const GridRep = ({ party, loading, onClick, onSave }: Props) => { )} -