selection grid

2 files changed, 6 insertions, 4 deletions

diff --git a/css/sally.css b/css/sally.css
index 902791a..feb5567 100644
--- a/css/sally.css
+++ b/css/sally.css
@@ -59,8 +59,8 @@ a:link, a:visited {text-decoration: none; color: #3b3740}
 }
 span { min-width: 8px; min-height: 16px; display: inline-block; }
 .rapper { cursor: crosshair; }
-body.grid span { border-right: 1px solid #444; border-top: 1px solid #444; border-bottom: 1px solid #444; }
-body.grid div { border-top: 1px solid #444; border-left: 1px solid #444; }
+body.grid span { border-right: 1px solid #444; border-bottom: 1px solid #444; }
+body.grid div { border-left: 1px solid #444; }
 .ed { color: #fff; }
 .focused { box-shadow: inset 0 0px 3px #fff; border-color: #fff; }
 .tool.focused, .ed.focused { color: white; text-decoration: underline; }
@@ -76,6 +76,7 @@ textarea { font-size:12pt; width: 37%; height: 300px; background: #333; color: #
   border: 1px dashed #fff !important;
   padding-top: 1px;
   position:absolute;
+  margin-top: -1px;
   top:-999px;left:-999px;
   pointer-events: none;
 }
diff --git a/index.html b/index.html
index f92662f..c9660e1 100644
--- a/index.html
+++ b/index.html
@@ -27,14 +27,15 @@
       <span id="circle_el" class="tool">circle</span><br>
       <span id="cross_el" class="tool">cross</span><br>
       <span id="text_el" class="tool">text</span><br>
-      <span id="select_el" class="tool">select</span><br>
       <span id="fill_el" class="tool">fill</span><br>
       <br>
-      <span id="clear_el" class="tool">clear</span><br>
+      <span id="select_el" class="tool">select</span><br>
       <span id="grid_el" class="tool">_ grid</span><br>
       <br>
       brush size: <span id="width_el" class="ed">5</span> x <span id="height_el" class="ed">5</span><br>
       canvas size: <span id="canvas_width_el" class="ed">100</span> x <span id="canvas_height_el" class="ed">24</span><br>
+      <br>
+      <span id="clear_el" class="tool">clear</span><br>
     </div>
     
     <div id="textarea_mode">