From bc7aa515024e9d84f3ccd3713796d4a0a15ba557 Mon Sep 17 00:00:00 2001
From: Guangcong Luo <guangcongluo@gmail.com>
Date: Mon, 14 Aug 2023 04:58:20 +0000
Subject: [PATCH] Battle frame: Fix height on small screens

This bug hasn't been noticed because the two main uses of battle
frames (the sim itself, and Replays) both absolutely position
battle frames, so they have nothing "below" them.

But on downloaded replays, on screens smaller than 640px across,
they took up an incorrect height. This is also relevant to New
Replays. This commit fixes that.
---
 src/battle.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/battle.ts b/src/battle.ts
index 7b1f62548bf..5217a3520ac 100644
--- a/src/battle.ts
+++ b/src/battle.ts
@@ -1176,10 +1176,12 @@ export class Battle {
 			const scale = (width / 640);
 			this.scene.$frame?.css('transform', 'scale(' + scale + ')');
 			this.scene.$frame?.css('transform-origin', 'top left');
+			this.scene.$frame?.css('margin-bottom', '' + (360 * scale - 360) + 'px');
 			// this.$foeHint.css('transform', 'scale(' + scale + ')');
 		} else {
 			this.scene.$frame?.css('transform', 'none');
 			// this.$foeHint.css('transform', 'none');
+			this.scene.$frame?.css('margin-bottom', '0');
 		}
 	};