Merge pull request #127 from Gwemox/master

Compatibility with screen reader

static/application.css

@@ -148,6 +148,7 @@ textarea {
 #box2 .function.twitter { background-position: -153px top; }
 #box2 .function.enabled.twitter { background-position: -153px center; }
 #box2 .function.enabled.twitter:hover { background-position: -153px bottom; }
+#box2 .button-picture{ border-width: 0; font-size: inherit; }
 
 #messages {
 	position:fixed;
@@ -167,3 +168,4 @@ textarea {
 #messages li.error {
 	background:rgba(102,8,0,0.8);
 }
+

static/index.html

@@ -47,11 +47,11 @@
 				<a href="/about.md" class="logo"></a>
 			</div>
 			<div id="box2">
-				<div class="save function"></div>
+				<button class="save function button-picture">Save</button>
-				<div class="new function"></div>
+				<button class="new function button-picture">New</button>
-				<div class="duplicate function"></div>
+				<button class="duplicate function button-picture">Duplicate & Edit</button>
-				<div class="raw function"></div>
+				<button class="raw function button-picture">Just Text</button>
-				<div class="twitter function"></div>
+				<button class="twitter function button-picture">Twitter</button>
 			</div>
 			<div id="box3" style="display:none;">
 				<div class="label"></div>