From c8959c8c536dbd0c0e69c60d38e2fcb4d1447ad8 Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Sat, 28 Oct 2023 12:51:10 +0200 Subject: Set piece size more tightly on campaigners (reduced hit area). --- play.html | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/play.html b/play.html index f5e78a0..0a0510c 100644 --- a/play.html +++ b/play.html @@ -111,17 +111,17 @@ div.region:hover { .piece.yellow.cube { background-color: #fec36d; } .piece.red.cube { background-color: #e06136; } -.piece.congress { width: 32px; height: 32px; background-image: url(pieces/cog.svg); } -.piece.no { width: 42px; height: 32px; background-image: url(pieces/no.svg); } -.piece.yes { width: 42px; height: 32px; background-image: url(pieces/yes.svg); } -.piece.turn3d { width: 33px; height: 36px; background-image: url(pieces/turn.svg); } -.piece.purple1 { width: 36px; height: 50px; background-image: url(pieces/purple1.svg); } -.piece.purple2 { width: 36px; height: 50px; background-image: url(pieces/purple2.svg); } -.piece.yellow1 { width: 36px; height: 50px; background-image: url(pieces/yellow1.svg); } -.piece.yellow2 { width: 36px; height: 50px; background-image: url(pieces/yellow2.svg); } -.piece.red1 { width: 36px; height: 50px; background-image: url(pieces/red1.svg); } -.piece.red2 { width: 36px; height: 50px; background-image: url(pieces/red2.svg); } -.piece.red3 { width: 36px; height: 50px; background-image: url(pieces/red3.svg); } +.piece.yes { width: 42px; height: 32px; background-size: 42px 32px; background-image: url(pieces/yes.svg); } +.piece.yellow2 { width: 36px; height: 50px; background-size: 36px 50px; background-image: url(pieces/yellow2.svg); } +.piece.yellow1 { width: 34px; height: 50px; background-size: 36px 50px; background-image: url(pieces/yellow1.svg); } +.piece.turn3d { width: 33px; height: 36px; background-size: 33px 36px; background-image: url(pieces/turn.svg); } +.piece.red3 { width: 30px; height: 50px; background-size: 36px 50px; background-image: url(pieces/red3.svg); } +.piece.red2 { width: 30px; height: 50px; background-size: 36px 50px; background-image: url(pieces/red2.svg); } +.piece.red1 { width: 30px; height: 50px; background-size: 36px 50px; background-image: url(pieces/red1.svg); } +.piece.purple2 { width: 36px; height: 50px; background-size: 36px 50px; background-image: url(pieces/purple2.svg); } +.piece.purple1 { width: 34px; height: 50px; background-size: 36px 50px; background-image: url(pieces/purple1.svg); } +.piece.no { width: 42px; height: 32px; background-size: 42px 32px; background-image: url(pieces/no.svg); } +.piece.congress { width: 32px; height: 32px; background-size: 32px 32px; background-image: url(pieces/cog.svg); } .card { -- cgit v1.2.3