Change order of buttons

Quinten · Quinten · commit 7bd21264f48f · 2021-10-03T14:36:29.000+02:00
diff --git a/index.html b/index.html
@@ -27,27 +27,27 @@
 </head>
 <body>
 <canvas id="canvas" class="block"></canvas>
+<div class="block">
+    <input type="text" id="frameInput" title="Current frame string">
+</div>
 <div class="block">
     <button title="Play animation" onclick="playing = true;">&rtrif;</button>
     <button title="Pause animation" onclick="playing = false;">&FilledSmallSquare;</button>
     <button title="Previous frame" onclick="playing = false; data.currentFrame = (data.currentFrame - 1 + data.frames.split('|').length) % data.frames.split('|').length;">&laquo;</button>
     <button title="Next frame" onclick="playing = false; data.currentFrame = (data.currentFrame + 1) % data.frames.split('|').length;">&raquo;</button>
 </div>
 <div class="block">
-    <input type="text" id="frameInput" title="Current frame string">
+    <button onclick="flipHorizontal()" title="Flip horizontal">&harr;</button>
+    <button onclick="flipVertical()" title="Flip vertical">&varr;</button>
+    <button onclick="rotateCW()" title="Rotate 90° CW">&orarr;</button>
+    <button onclick="rotateCCW()" title="Rotate 90° CCW">&olarr;</button>
 </div>
 <div class="block">
     <button onclick="removeFrame()" title="Delete frame">&xotime;</button>
     <button onclick="addFrame()" title="Duplicate frame">&xoplus;</button>
     <button onclick="moveFrameUp()" title="Move frame up">&uarr;</button>
     <button onclick="moveFrameDown()" title="Move frame down">&darr;</button>
 </div>
-<div class="block">
-    <button onclick="flipHorizontal()" title="Flip horizontal">&harr;</button>
-    <button onclick="flipVertical()" title="Flip vertical">&varr;</button>
-    <button onclick="rotateCW()" title="Rotate 90° CW">&orarr;</button>
-    <button onclick="rotateCCW()" title="Rotate 90° CCW">&olarr;</button>
-</div>
 <canvas id="spritesheet" class="block"></canvas>
 <div class="block">
     <input type="number" class="small" inputmode="numeric" pattern="[0-9]*" name="frameWidth" title="Frame width">
