diff --git a/index.html b/index.html
index e2b28d1f..df36b0a1 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,10 @@
           <button type="button" onclick="getStagePositions();">Update</button>
         </p>
         <p>
-          <button type="button" onclick="doAutofocus();">Autofocus</button>
+          Autofocus: 
+          <button type="button" onclick='doAutofocus({"dz":[-200, -100, 0, 100, 200]});'>Coarse</button>
+          <button type="button" onclick='doAutofocus({"dz":[-60, -30, 0, 30, 60]});'>Medium</button>
+          <button type="button" onclick='doAutofocus({"dz":[-20, -10, 0, 10, 20]});'>Fine</button>
         </p>
 
         <p>
diff --git a/static/style.css b/static/style.css
index fa84ec8f..5f34e379 100644
--- a/static/style.css
+++ b/static/style.css
@@ -17,6 +17,9 @@ body {
 }
 
 /* Create columns that float next to each other */
+.row {
+    height: 100%;
+}
 .column {
     padding: 10px;
     height: 100%;