fixed replay panel spacing

Makefile

@@ -57,7 +57,7 @@ VERSION := $(shell git tag -l --points-at HEAD)
 
 syncdev: distro
 	cp config.js $(TMP)
-	aws --profile pzp s3 sync --follow-symlinks $(TMP)/ s3://8bitworkshop.com/dev/
+	#aws --profile pzp s3 sync --follow-symlinks $(TMP)/ s3://8bitworkshop.com/dev/
 	rsync --stats -riltz --chmod=a+rx -e "ssh" $(TMP)/ config.js $(RSYNC_PATH)/dev/
 
 syncprod: distro

README.md

@@ -1,8 +1,13 @@
-[![Build Status](https://travis-ci.org/sehugg/8bitworkshop.svg?branch=master)](https://travis-ci.org/sehugg/8bitworkshop)
+# 8bitworkshop
 
-The latest release is online at https://8bitworkshop.com/
+[![Build Status](https://travis-ci.com/sehugg/8bitworkshop.svg?branch=master)](https://travis-ci.com/sehugg/8bitworkshop)
 
-## Install
+## Use Online
+
+* Latest release: https://8bitworkshop.com/
+* Dev build: https://8bitworkshop.com/dev/
+
+## Install Locally
 
 To build the 8bitworkshop IDE:
 
@@ -13,7 +18,7 @@ npm i
 npm run build
 ```
 
-## Usage
+### Start Server
 
 Start a web server on http://localhost:8000/ while TypeScript compiles in the background:
 
@@ -21,7 +26,7 @@ Start a web server on http://localhost:8000/ while TypeScript compiles in the ba
 make tsweb
 ```
 
-## Run Tests
+### Run Tests
 
 ```sh
 npm test
@@ -31,7 +36,7 @@ Note: Github tests may fail due to lack of permissions.
 
 ## License
 
-Copyright © 2016-2020 [Steven Hugg](https://github.com/sehugg).
+Copyright © 2016-2021 [Steven Hugg](https://github.com/sehugg).
 
 This project is [GPL-3.0](https://github.com/sehugg/8bitworkshop/blob/master/LICENSE) licensed.
 

index.html

@@ -283,21 +283,24 @@ if (window.location.host.endsWith('8bitworkshop.com')) {
   <div class="emulator disable-select" id="emulator">
     <!-- replay slider -->
     <div id="replaydiv" class="replaydiv" style="display:none;color:#ccc;text-align:left">
-     <div style="display:grid; grid-template-columns: 3em 3em auto 3em; grid-gap: 1em">
+     <div style="display:grid; grid-template-columns: 3em 3em auto 1em 3em; grid-gap: 1em">
+      <!-- first row -->
       <button id="replay_back" class="btn" title="Back one frame"><span class="glyphicon glyphicon-backward" aria-hidden="true"></span></button>
       <div>
         Frame<br>
         <span id="replay_frame" style="width:3em">-</span>
       </div>
       <input type="range" min="0" max="0" value="0" class="slider" id="replayslider">
+      <div>&nbsp;</div>
       <button id="replay_fwd" class="btn" title="Ahead one frame"><span class="glyphicon glyphicon-forward" aria-hidden="true"></span></button>
-
+      <!-- second row -->
       <button id="clock_back" class="btn" title="Back one step"><span class="glyphicon glyphicon-backward" aria-hidden="true"></span></button>
       <div>
         Step<br>
         <span id="replay_clock" style="width:3em">-</span>
       </div>
       <input type="range" min="0" max="0" value="0" class="slider" id="clockslider">
+      <div>&nbsp;</div>
       <button id="clock_fwd" class="btn" title="Forward one step"><span class="glyphicon glyphicon-forward" aria-hidden="true"></span></button>
      </div>
     </div>

src/ide/ui.ts

@@ -1204,6 +1204,12 @@ async function loadBIOSFromProject() {
   }
 }
 
+function hideDebugInfo() {
+  var meminfo = $("#mem_info");
+  meminfo.hide();
+  lastDebugInfo = null;
+}
+
 function showDebugInfo(state?) {
   if (!isDebuggable(platform)) return;
   var meminfo = $("#mem_info");
@@ -1234,8 +1240,7 @@ function showDebugInfo(state?) {
     meminfo.append(catspan);
     lastDebugInfo = s;
   } else {
-    meminfo.hide();
-    lastDebugInfo = null;
+    hideDebugInfo();
   }
 }
 
@@ -1600,6 +1605,7 @@ function _disableRecording() {
     platform.setRecorder(null);
     $("#dbg_record").removeClass("btn_recording");
     $("#replaydiv").hide();
+    hideDebugInfo();
     recorderActive = false;
   }
 }