unicode functions and ascii brushes

1 files changed, 7 insertions, 1 deletions

diff --git a/css/sally.css b/css/sally.css
index 951243c..f2d7405 100644
--- a/css/sally.css
+++ b/css/sally.css
@@ -63,7 +63,10 @@ span { min-width: 8px; line-height: 15px; display: inline-block; }
 .rapper { cursor: crosshair; }
 body.grid span { border-right: 1px solid #444; border-bottom: 1px solid #444; }
 body.grid div { border-left: 1px solid #444; }
-body.grid #canvas_rapper > div:first-child, body.grid #palette_rapper > div:first-child, body.grid #brush_rapper > div:first-child  { border-top: 1px solid #444; }
+body.grid #canvas_rapper > div:first-child,
+body.grid #palette_rapper > div:first-child,
+body.grid #letters_rapper > div:first-child,
+body.grid #brush_rapper > div:first-child { border-top: 1px solid #444; }
 body.grid .tool { border: 1px solid #444; }
 .ed { color: #fff; }
 .focused { box-shadow: inset 0 0px 3px #fff; border-color: #fff; }
@@ -93,6 +96,9 @@ textarea { font-size:12pt; width: 37vw; height: 300px; background: #333; color:
 	display: inline-block;
 	margin-bottom: 13px;
 }
+#letters_rapper {
+	display: inline-block;
+}
 .close { position: absolute; top: 20px; right: 20px; z-index: 2; padding: 10px; background: black; cursor: pointer; }
 #webcam_rapper { display: none; position: absolute; top: 0px; left: 0px; width:100%;height:100%; box-sizing:border-box; border: 40px solid rgba(0,0,0,0.5); background-color: rgba(0,0,0,0.5);  }
 #webcam_iframe { position: absolute; top: 0px; left: 0px; width:100%;height:100%; background-color: rgba(0,0,0,0.5); border: 0; }