diff --git a/includes/style.css b/includes/style.css
index ea27d6c..4a8f1be 100644
--- a/includes/style.css
+++ b/includes/style.css
@@ -28,6 +28,13 @@ input[type="color"] {
 input[type="color"][disabled] {
   opacity: 0.5;
 }
+input[type="text"],
+button {
+  width: 14em;
+  margin: 1em;
+  padding: 0.25em;
+  font-size: 1em;
+}
 table {
   margin: 0 auto;
 }
@@ -78,3 +85,6 @@ input {
   margin: 0 auto;
   width: 256px;
 }
+#save {
+  margin-top: 0;
+}
diff --git a/includes/style.less b/includes/style.less
index 3cff882..52aadd8 100644
--- a/includes/style.less
+++ b/includes/style.less
@@ -37,6 +37,13 @@ input[type="color"] {
     background: none;
 }
 
+input[type="text"], button {
+    width: 14em;
+    margin: 1em;
+    padding: 0.25em;
+    font-size: 1em;
+}
+
 table {
     margin: 0 auto;
 
@@ -97,4 +104,8 @@ textarea, input {
     .centre;
 
     width: 256px;
+}
+
+#save {
+    margin-top: 0;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 5d225ff..b1f0449 100644
--- a/index.html
+++ b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html><html><head><!-- lodash--><script src="includes/lodash.min.js"></script><!-- jquery--><script src="includes/jquery.min.js"></script><!-- croppie--><link rel="stylesheet" href="includes/croppie.css"><script src="includes/croppie.js"></script><link rel="stylesheet" type="text/css" href="includes/style.css"><script src="includes/script.js"></script></head><body><h1>image-to-bitsy</h1><p>convert any image to a bitsy room</p><div class="section" id="game-data"><h2>game data</h2><textarea id="bitsy-data" placeholder="Bitsy data or html">default game data
+<!DOCTYPE html><html><head><!-- lodash--><script src="includes/lodash.min.js"></script><!-- jquery--><script src="includes/jquery.min.js"></script><!-- croppie--><link rel="stylesheet" href="includes/croppie.css"><script src="includes/croppie.js"></script><!-- main stuff--><link rel="stylesheet" type="text/css" href="includes/style.css"><script src="includes/script.js"></script></head><body><h1>image-to-bitsy</h1><p>convert any image to a bitsy room</p><div class="section" id="game-data"><h2>game data</h2><textarea id="bitsy-data" placeholder="Bitsy data or html">default game data
 
 # BITSY VERSION 4.5
 
@@ -5229,4 +5229,4 @@ DLG ITM_0
 You found a nice warm cup of tea
 
 VAR a
-42</textarea></div><div class="section" id="image"><h2>image</h2><input id="imageUpload" type="file" accepts="image/*"><div id="croppie"></div></div><div class="section" id="palette"><h2>palette</h2><form id="palettes"><table><tbody></tbody></table></form></div><div class="section" id="crop"><h2>preview</h2><canvas id="preview" width="128" height="128"></canvas><input id="brightness" type="range" min="-255" max="255" value="0"><label for="brightness">brightness</label></div><div class="section" id="output"><h2>output</h2><canvas id="room-output" width="128" height="128"></canvas></div></body></html>
\ No newline at end of file
+42</textarea></div><div class="section" id="image"><h2>image</h2><input id="imageUpload" type="file" accepts="image/*"><div id="croppie"></div></div><div class="section" id="palette"><h2>palette</h2><form id="palettes"><table><tbody></tbody></table></form></div><div class="section" id="crop"><h2>preview</h2><canvas id="preview" width="128" height="128"></canvas><input id="brightness" type="range" min="-255" max="255" value="0"><label for="brightness">brightness</label></div><div class="section" id="output"><h2>output</h2><canvas id="room-output" width="128" height="128"></canvas><input id="roomName" type="text" placeholder="room name"><button id="save">write to game data</button></div></body></html>
\ No newline at end of file
diff --git a/index.pug b/index.pug
index 85e461d..48c4338 100644
--- a/index.pug
+++ b/index.pug
@@ -60,6 +60,10 @@ html
 
             canvas#room-output(width=128, height=128)
 
+            input#roomName(type="text", placeholder="room name")
+
+            button#save write to game data
+
             //-
                 input#threshold(type="range" min=0 max=64) 
                 br
@@ -67,16 +71,6 @@ html
                     span.left use existing tiles 
                     span.right create new tiles
 
-                br
-
-                input#roomName(placeholder="room name")
-                
-                br
-
-                button#save Save
-
-                br
-
                 //-label favour broad strokes | favour details
 
                 br
