more replay interface tweaks

html/style.css

@@ -824,15 +824,15 @@ input{
   position: absolute;
   height: 10px;
   bottom: 0%;
-  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 3fr 1fr 1fr 1fr;
   grid-template-rows: 20px 40px 20px;
   justify-items: center;
   align-items: center;
   grid-template-areas:
-    ". datehint timehint timehint timezonehint speedhint ."
-    "play date hours minutes timezone speed findhistory"
-    ". . showingdate showingdate showingdate . ."
-    ". . . . . . .";
+    ". datehint timehint hours speedhint ."
+    "play date . minutes speed findhistory"
+    ". . showingdate showingdate showingdate ."
+    ". . . . . .";
 }
 #replayPlay{
   grid-area: play;
@@ -841,13 +841,16 @@ input{
   grid-area: date;
 }
 #hourSelect{
+  width: 80%;
   grid-area: hours;
 }
 #minuteSelect{
+  width: 80%;
   grid-area: minutes;
 }
 #speedSelect{
   grid-area: speed;
+  width: 80%;
 }
 #findHistory{
    grid-area: findhistory;
@@ -861,9 +864,6 @@ input{
 #dateHint{
   grid-area: datehint;
 }
-#speedSelect{
-  grid-area: speed;
-}
 #speedHint{
   grid-area: speedhint;
 }
@@ -871,8 +871,5 @@ input{
     grid-area: showingdate;
     justify-self:start;
 }
-#timeZone{
-  grid-area:timezone;
-}