diff --git a/web/index.html b/web/index.html
index 241f280..70c8072 100755
--- a/web/index.html
+++ b/web/index.html
@@ -54,8 +54,8 @@
 
       <ul id="outbox"></ul>
     </div>
-    <div>
-      <button id="new-photo">Picture</button>
+    <div id="input-footer">
+      <button id="new-photo">Photo</button>
       <button id="new-message">Message</button>
     </div>
 
diff --git a/web/style.css b/web/style.css
index 8e1fb49..8fae304 100755
--- a/web/style.css
+++ b/web/style.css
@@ -25,6 +25,63 @@ img{
   -ms-interpolation-mode: nearest-neighbor;   
 }
 
+
+#input-footer{
+position: fixed;
+top:0px;
+width:100%;
+margin:10px;
+}
+
+
+#new-photo{
+  display:inline;
+  float:left;
+  width:30%;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  outline: none;
+  border:0;
+  -webkit-border-radius: 13px;
+  -moz-border-radius: 13px;
+  border-radius: 13px;
+  height:40px;
+  display: block;
+  font-family: inherit;
+  font-size: 20px;
+  font-weight:bold;
+  text-shadow: 0 0 23px #888;
+  background-color:#fff;
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+}
+
+#new-message{
+  margin-right: 60px;
+  display:inline;
+  width:30%;
+  float:right;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  outline: none;
+  border:0;
+  -webkit-border-radius: 13px;
+  -moz-border-radius: 13px;
+  border-radius: 13px;
+  height:40px;
+  display: block;
+  font-family: inherit;
+  font-size: 20px;
+  font-weight:bold;
+  text-shadow: 0 0 23px #888;
+  background-color:#fff;
+  -moz-box-shadow:0 0 23px #bbb;
+  -webkit-box-shadow:0 0 23px #bbb;
+  box-shadow:0 0 23px #bbb;
+}
+
+
 /* hide calculation canvases */
 #sourceImage{
   display: none;