fixed a bug in the damage monitor HTML stub; also, fixed a bug in addTestCombatant() that would open the add modal

src/css/sr2ini.scss

@@ -172,10 +172,8 @@ body {
 
 button { font-family: Electrolize; }
 
-button:focus {
+//button:focus {
-	filter: brightness(150%) !important;
+//}
-	outline: none;
-}
 
 .sr2-button {
 	background: transparent;
@@ -198,6 +196,8 @@ button:focus {
 	&:focus {
 		border: .1rem solid $bg !important;
 		box-shadow: 0 0 .3rem $bg-bright, 0 0 .6rem $bg, 0 0 1.2rem $bg-dark !important;
+		filter: brightness(150%) !important;
+		outline: none;
 	}
 	
 	&:disabled {
@@ -395,7 +395,7 @@ header.navbar {
 
 	--aug-inlay-bg: rgba(0, 0, 0, .5);
 	--aug-border-opacity: .75;
-	padding-top: .7remx;
+	padding-top: .7rem;
 	padding-bottom: .7rem;
 	position: absolute;
 	z-index: 200;
@@ -418,6 +418,8 @@ header.navbar {
 .damage-monitor {
 	padding: .5rem;
 
+	td { padding: .1rem; }
+
 	button {
 		border: none;
 		border-radius: 0;
@@ -432,6 +434,19 @@ header.navbar {
 			height: 100%;
 			width: 100%;
 		}
+
+		&:focus {
+			outline: none;
+			animation: .6s alternate ease-in-out infinite pulse;
+			animation-delay: -.3s;
+		}
+	
+		@keyframes pulse {
+			from { filter: brightness(.85) }
+			50% { filter: brightness(1); }
+			to { filter: brightness(1.15); }
+		}
+
 	}
 
 	.damage-stun {

src/js/sr2ini.js

@@ -55,14 +55,14 @@ const DAMAGE_MONITOR_HTML = [
 '<div class="damage-monitor" data-augmented-ui="tl-scoop bl-clip-y tr-clip-y br-scoop both">\n',
 	'<table>\n',
 		'<tr><td><button type="button" class="damage-stun active" title="Light stun damage" tabindex="-1">L</button></td><td><button type="button" class="damage-physical active" title="Light physical damage" tabindex="-1">L</button></td></tr>\n',
-		'<tr><td><button type="button" class="damage-stun active" tabindex="-1"></button></td><td><button type="button" class="damage-physical active" tabindex="-1"></button></td></tr>\n',
+		'<tr><td><button type="button" class="damage-stun active" tabindex="-1">&nbsp;</button></td><td><button type="button" class="damage-physical active" tabindex="-1">&nbsp;</button></td></tr>\n',
 		'<tr><td><button type="button" class="damage-stun active" title="Medium stun damage" tabindex="-1">M</button></td><td><button type="button" class="damage-physical active" title="Medium physical damage" tabindex="-1">M</button></td></tr>\n',
-		'<tr><td><button type="button" class="damage-stun active" tabindex="-1"></button></td><td><button type="button" class="damage-physical active" tabindex="-1"></button></td></tr>\n',
+		'<tr><td><button type="button" class="damage-stun active" tabindex="-1">&nbsp;</button></td><td><button type="button" class="damage-physical active" tabindex="-1">&nbsp;</button></td></tr>\n',
-		'<tr><td><button type="button" class="damage-stun active" tabindex="-1"></button></td><td><button type="button" class="damage-physical active" tabindex="-1"></button></td></tr>\n',
+		'<tr><td><button type="button" class="damage-stun active" tabindex="-1">&nbsp;</button></td><td><button type="button" class="damage-physical active" tabindex="-1">&nbsp;</button></td></tr>\n',
 		'<tr><td><button type="button" class="damage-stun active" title="Severe stun damage" tabindex="-1">S</button></td><td><button type="button" class="damage-physical active" title="Severe physical damage" tabindex="-1">S</button></td></tr>\n',
-		'<tr><td><button type="button" class="damage-stun active" tabindex="-1"></button></td><td><button type="button" class="damage-physical active" tabindex="-1"></button></td></tr>\n',
+		'<tr><td><button type="button" class="damage-stun active" tabindex="-1">&nbsp;</button></td><td><button type="button" class="damage-physical active" tabindex="-1">&nbsp;</button></td></tr>\n',
-		'<tr><td><button type="button" class="damage-stun active" tabindex="-1"></button></td><td><button type="button" class="damage-physical active" tabindex="-1"></button></td></tr>\n',
+		'<tr><td><button type="button" class="damage-stun active" tabindex="-1">&nbsp;</button></td><td><button type="button" class="damage-physical active" tabindex="-1">&nbsp;</button></td></tr>\n',
-		'<tr><td><button type="button" class="damage-stun active" tabindex="-1"></button></td><td><button type="button" class="damage-physical active" tabindex="-1"></button></td></tr>\n',
+		'<tr><td><button type="button" class="damage-stun active" tabindex="-1">&nbsp;</button></td><td><button type="button" class="damage-physical active" tabindex="-1">&nbsp;</button></td></tr>\n',
 		'<tr><td><button type="button" class="damage-stun active" title="K.O." tabindex="-1"><svg viewbox="0 0 512 512"><use href="#ko" /></svg></button></td><td><button type="button" class="damage-physical active" title="Dead" tabindex="-1"><svg viewbox="0 0 512 512"><use href="#dead" /></svg></button></td></tr>\n',
 	'</table>\n',
 '</div>'].join("");
@@ -120,7 +120,7 @@ function getEffectiveIni(tr) {
 // add test combatant for testing purposes (duh)
 function addTestCombatant() {
 	// Eclipse
-	$("#add-combatant-button").click();
+//	$("#add-combatant-button").click();
 	$("#combatant-modal-name").val("Eclipse");
 	$("#combatant-modal-dice").val(3);
 	$("#combatant-modal-rea").val(6);