1 files changed, 34 insertions, 7 deletions
diff --git a/template/messagepane.st b/template/messagepane.st
index f925629..673c2ec 100644
--- a/template/messagepane.st
+++ b/template/messagepane.st
@@ -1,19 +1,46 @@
 <div id="messagePane">
   <style>
-    #textbutton {
+    #chatbuttons {
     position: absolute;
-    left: 10px;
+    right: 25px;
     top: 0px;
-    background: lightblue;
-    z-index: 100000;
+    }
+    #textbutton, #imgbutton, #clearbutton {
+    float: right;
+    background: #CDF8FF;
+    color: #666;
+    z-index: 0;
+    margin-left: 15px;
+    height: 20px;
+    }
+    #clearbutton {
+        text-decoration: underline
+        cursor: pointer;
     }
   </style>
-  <div id="textbutton">
-    <span>show text?</span>
-    <input type="checkbox">
+  <div id="chatbuttons">
+      <div id="textbutton">
+        <span>show text?</span>
+        <input type="checkbox">
+    </div>
+    <div id="imgbutton">
+      <span>show imgs?</span>
+      <input type="checkbox">
+    </div>
+    <div id="clearbutton">
+      <span>clear screen</span>
+      <input type="checkbox">
+    </div>
   </div>
   <script>
     jQuery('#textbutton input').attr('checked', TextEnabled).change(setTextEnable);
+    jQuery('#imgbutton input').attr('checked', ImgsEnabled).change(setImgsEnable);
+    jQuery('#clearbutton input').click(function() {
+        track('UI', 'ClearScreen');
+        jQuery('.dump').remove();
+        jQuery(this).removeAttr('checked');
+        return false;
+    });
   </script>
 
   $if(user_nick)$