Restore mapwrap and simple labels when zoomed out.

2 files changed, 9 insertions, 2 deletions

diff --git a/play.css b/play.css
index d32185e..bf1553b 100644
--- a/play.css
+++ b/play.css
@@ -51,7 +51,7 @@ header.your_turn { background-color: orange; }
 	width: 124px;
 	height: 170px;
 	border-radius: 8px;
-	box-shadow: 1px 1px 5px rgba(0,0,0,0.5);
+	box-shadow: 1px 1px 4px #0008;
 	transition: 100ms;
 }
 
@@ -228,6 +228,11 @@ td img { vertical-align: middle }
 
 /* MAP */
 
+#mapwrap {
+       width: 2672px;
+       height: 960px;
+}
+
 #map {
 	background-image: url(map75.jpg);
 	background-size: 2672px 960px;
@@ -421,7 +426,7 @@ svg #lines line.axis_supply.allied_supply {
 	background-image: url(units.svg);
 }
 
-#mapwrap.fit .unit.revealed {
+#mapwrap[data-fit="both"] .unit.revealed {
 	background-image: url(units-simple.svg);
 }
 
diff --git a/play.html b/play.html
index 7c227f6..85677aa 100644
--- a/play.html
+++ b/play.html
@@ -93,6 +93,7 @@
 	<div id="pursuit_message"></div>
 </details>
 
+<div id="mapwrap">
 <div id="map">
 
 <!-- BEGIN INSERT MAP FILE -->
@@ -311,6 +312,7 @@
 </div>
 
 </div>
+</div>
 
 <div id="hand" class="hand"></div>