ensure state labels wont be covered by cubes/V/X

2 files changed, 98 insertions, 98 deletions

diff --git a/play.html b/play.html
index e3ea4f0..0aef420 100644
--- a/play.html
+++ b/play.html
@@ -1099,55 +1099,55 @@ c5 3 13 7 17 8 8 2 9 3 11 12 1 5 5 12 8 16 5 8 5 8 3 22 l-3 14 -30 -1 c-35
 		<div id="DE" class="atlantic state" style="top:313px;left:967px;"></div>
 		<div id="MD" class="atlantic state" style="top:373px;left:921px;"></div>
 
-		<div class="label large" style="top:270px;left:935px">NJ</div>
-		<div class="label large" style="top:230px;left:994px">CT</div>
-		<div class="label large" style="top:158px;left:1011px">RI</div>
-		<div class="label large" style="top:67px;left:989px">MA</div>
-		<div class="label large" style="top:89px;left:864px">NH</div>
-		<div class="label large" style="top:150px;left:792px">VT</div>
-		<div class="label large" style="top:338px;left:972px">DE</div>
-		<div class="label large" style="top:397px;left:927px">MD</div>
-
-		<div class="label" style="top:112px;left:938px">ME</div>
-		<div class="label" style="top:200px;left:838px">NY</div>
-		<div class="label" style="top:377px;left:837px">NC</div>
-		<div class="label" style="top:325px;left:832px">VA</div>
-		<div class="label" style="top:250px;left:824px">PA</div>
-		<div class="label" style="top:312px;left:782px">WV</div>
-		<div class="label" style="top:346px;left:718px">KY</div>
-		<div class="label" style="top:394px;left:691px">TN</div>
-		<div class="label" style="top:281px;left:739px">OH</div>
-		<div class="label" style="top:293px;left:684px">IN</div>
-		<div class="label" style="top:296px;left:636px">IL</div>
-		<div class="label" style="top:217px;left:703px">MI</div>
-		<div class="label" style="top:191px;left:611px">WI</div>
-		<div class="label" style="top:347px;left:577px">MO</div>
-		<div class="label" style="top:254px;left:553px">IA</div>
-		<div class="label" style="top:157px;left:537px">MN</div>
-		<div class="label" style="top:565px;left:810px">FL</div>
-		<div class="label" style="top:425px;left:802px">SC</div>
-		<div class="label" style="top:458px;left:756px">GA</div>
-		<div class="label" style="top:463px;left:690px">AL</div>
-		<div class="label" style="top:470px;left:637px">MS</div>
-		<div class="label" style="top:529px;left:594px">LA</div>
-		<div class="label" style="top:429px;left:580px">AR</div>
-		<div class="label" style="top:509px;left:457px">TX</div>
-		<div class="label" style="top:410px;left:494px">OK</div>
-		<div class="label" style="top:341px;left:472px">KS</div>
-		<div class="label" style="top:266px;left:452px">NE</div>
-		<div class="label" style="top:198px;left:446px">SD</div>
-		<div class="label" style="top:127px;left:443px">ND</div>
-		<div class="label" style="top:324px;left:349px">CO</div>
-		<div class="label" style="top:222px;left:316px">WY</div>
-		<div class="label" style="top:126px;left:310px">MT</div>
-		<div class="label" style="top:432px;left:325px">NM</div>
-		<div class="label" style="top:425px;left:220px">AZ</div>
-		<div class="label" style="top:303px;left:239px">UT</div>
-		<div class="label" style="top:283px;left:154px">NV</div>
-		<div class="label" style="top:198px;left:208px">ID</div>
-		<div class="label" style="top:339px;left:84px">CA</div>
-		<div class="label" style="top:166px;left:110px">OR</div>
-		<div class="label" style="top:90px;left:133px">WA</div>
+		<div class="label large" style="top:286px;left:935px">NJ</div>
+		<div class="label large" style="top:246px;left:994px">CT</div>
+		<div class="label large" style="top:174px;left:1011px">RI</div>
+		<div class="label large" style="top:83px;left:989px">MA</div>
+		<div class="label large" style="top:105px;left:864px">NH</div>
+		<div class="label large" style="top:166px;left:792px">VT</div>
+		<div class="label large" style="top:354px;left:972px">DE</div>
+		<div class="label large" style="top:413px;left:927px">MD</div>
+
+		<div class="label" style="top:128px;left:930px">ME</div>
+		<div class="label" style="top:206px;left:817px">NY</div>
+		<div class="label" style="top:393px;left:841px">NC</div>
+		<div class="label" style="top:341px;left:832px">VA</div>
+		<div class="label" style="top:266px;left:824px">PA</div>
+		<div class="label" style="top:318px;left:778px">WV</div>
+		<div class="label" style="top:362px;left:718px">KY</div>
+		<div class="label" style="top:400px;left:661px">TN</div>
+		<div class="label" style="top:297px;left:739px">OH</div>
+		<div class="label" style="top:309px;left:684px">IN</div>
+		<div class="label" style="top:272px;left:636px">IL</div>
+		<div class="label" style="top:233px;left:703px">MI</div>
+		<div class="label" style="top:207px;left:611px">WI</div>
+		<div class="label" style="top:363px;left:577px">MO</div>
+		<div class="label" style="top:270px;left:543px">IA</div>
+		<div class="label" style="top:173px;left:537px">MN</div>
+		<div class="label" style="top:581px;left:814px">FL</div>
+		<div class="label" style="top:441px;left:808px">SC</div>
+		<div class="label" style="top:474px;left:756px">GA</div>
+		<div class="label" style="top:479px;left:690px">AL</div>
+		<div class="label" style="top:486px;left:637px">MS</div>
+		<div class="label" style="top:485px;left:592px">LA</div>
+		<div class="label" style="top:445px;left:580px">AR</div>
+		<div class="label" style="top:525px;left:457px">TX</div>
+		<div class="label" style="top:426px;left:494px">OK</div>
+		<div class="label" style="top:357px;left:472px">KS</div>
+		<div class="label" style="top:282px;left:452px">NE</div>
+		<div class="label" style="top:214px;left:446px">SD</div>
+		<div class="label" style="top:143px;left:443px">ND</div>
+		<div class="label" style="top:340px;left:349px">CO</div>
+		<div class="label" style="top:238px;left:316px">WY</div>
+		<div class="label" style="top:142px;left:310px">MT</div>
+		<div class="label" style="top:448px;left:325px">NM</div>
+		<div class="label" style="top:441px;left:220px">AZ</div>
+		<div class="label" style="top:319px;left:239px">UT</div>
+		<div class="label" style="top:299px;left:164px">NV</div>
+		<div class="label" style="top:214px;left:208px">ID</div>
+		<div class="label" style="top:377px;left:102px">CA</div>
+		<div class="label" style="top:182px;left:110px">OR</div>
+		<div class="label" style="top:106px;left:133px">WA</div>
 
 		<div id="West" class="region" style="top:272px;left:98px;width:57px;height:57px;"></div>
 		<div id="Plains" class="region" style="top:202px;left:373px;"></div>
diff --git a/play.js b/play.js
index bd2e9b2..0477fbc 100644
--- a/play.js
+++ b/play.js
@@ -58,54 +58,54 @@ const LAYOUT = {
 	"South": [574, 505],
 	"Plains": [406, 236],
 	"West": [127, 300],
-	"NJ": [960, 277],
-	"CT": [1019, 237],
-	"RI": [1036, 165],
-	"MA": [1014, 74],
-	"ME": [963, 119],
-	"NH": [889, 96],
-	"VT": [817, 157],
-	"NY": [863, 207],
-	"DE": [997, 345],
-	"MD": [952, 404],
-	"NC": [864, 385],
-	"VA": [861, 332],
-	"PA": [849, 257],
-	"WV": [811, 314],
-	"KY": [743, 351],
-	"TN": [716, 401],
-	"OH": [762, 287],
+	"NJ": [960, 267],
+	"CT": [1019, 227],
+	"RI": [1036, 155],
+	"MA": [1014, 64],
+	"ME": [963, 109],
+	"NH": [889, 86],
+	"VT": [817, 147],
+	"NY": [863, 191],
+	"DE": [997, 335],
+	"MD": [952, 394],
+	"NC": [864, 375],
+	"VA": [861, 322],
+	"PA": [849, 247],
+	"WV": [811, 300],
+	"KY": [743, 341],
+	"TN": [716, 391],
+	"OH": [762, 277],
 	"IN": [708, 285],
-	"IL": [663, 333],
-	"MI": [724, 228],
-	"WI": [639, 198],
-	"MO": [601, 357],
-	"IA": [563, 256],
-	"MN": [561, 163],
-	"FL": [835, 572],
-	"SC": [828, 433],
-	"GA": [779, 465],
-	"AL": [715, 470],
-	"MS": [662, 477],
-	"LA": [623, 544],
-	"AR": [605, 436],
-	"TX": [482, 516],
-	"OK": [519, 417],
-	"KS": [497, 348],
-	"NE": [477, 273],
-	"SD": [471, 205],
-	"ND": [468, 134],
-	"CO": [374, 331],
-	"WY": [341, 229],
-	"MT": [335, 133],
-	"NM": [351, 440],
-	"AZ": [245, 432],
-	"UT": [264, 310],
-	"NV": [180, 290],
-	"ID": [233, 203],
-	"CA": [126, 367],
-	"OR": [135, 173],
-	"WA": [158, 97],
+	"IL": [663, 323],
+	"MI": [724, 214],
+	"WI": [639, 188],
+	"MO": [601, 347],
+	"IA": [563, 246],
+	"MN": [561, 153],
+	"FL": [835, 562],
+	"SC": [828, 423],
+	"GA": [779, 455],
+	"AL": [715, 460],
+	"MS": [662, 467],
+	"LA": [623, 534],
+	"AR": [605, 426],
+	"TX": [482, 506],
+	"OK": [519, 407],
+	"KS": [497, 338],
+	"NE": [477, 263],
+	"SD": [471, 195],
+	"ND": [468, 124],
+	"CO": [374, 321],
+	"WY": [341, 219],
+	"MT": [335, 123],
+	"NM": [351, 430],
+	"AZ": [245, 422],
+	"UT": [264, 300],
+	"NV": [190, 278],
+	"ID": [233, 193],
+	"CA": [126, 357],
+	"OR": [135, 163],
+	"WA": [158, 87],
 }
 
 const US_STATES_LAYOUT = [ null ]
@@ -714,8 +714,8 @@ function on_update() { // eslint-disable-line no-unused-vars
 		if (campaigner_region) {
 			pieces.append(ui.campaigners[i])
 			let [x, y] = REGIONS_LAYOUT[campaigner_region]
-			ui.campaigners[i].style.left = x - 30 + (15 * (i % 4)) + "px"
-			ui.campaigners[i].style.top = y - 40 + (30 * Math.floor(i / 4)) + "px"
+			ui.campaigners[i].style.left = x - 40 + (15 * (i % 4)) + (15 * Math.floor(i / 4)) + "px"
+			ui.campaigners[i].style.top = y - 35 + (20 * Math.floor(i / 4)) + "px"
 			ui.campaigners[i].classList.toggle("action", is_campaigner_action(1 + i))
 			ui.campaigners[i].classList.toggle("selected", 1 + i === view.selected_campaigner)
 		}