3 files changed, 24 insertions, 9 deletions
diff --git a/libmproxy/web/static/css/app.css b/libmproxy/web/static/css/app.css
index fe8fd79a..e5b9d134 100644
--- a/libmproxy/web/static/css/app.css
+++ b/libmproxy/web/static/css/app.css
@@ -64,7 +64,7 @@ header nav a.special:hover {
   background-color: #5386c6;
 }
 header .menu {
-  height: 100px;
+  padding: 10px;
   border-bottom: solid #a6a6a6 1px;
 }
 .eventlog {
@@ -76,6 +76,16 @@ header .menu {
   height: 200px;
   overflow: auto;
 }
+.eventlog .close-button {
+  float: right;
+  margin: -9px;
+  padding: 4px;
+  cursor: pointer;
+  color: grey;
+}
+.eventlog .close-button:hover {
+  color: black;
+}
 footer {
   box-shadow: 0 -1px 3px #d3d3d3;
   padding: 0px 10px 3px;
diff --git a/libmproxy/web/static/js/app.js b/libmproxy/web/static/js/app.js
index 7873046a..72bb5ff8 100644
--- a/libmproxy/web/static/js/app.js
+++ b/libmproxy/web/static/js/app.js
@@ -232,14 +232,13 @@ var MainMenu = React.createClass({displayName: 'MainMenu',
     mixins: [SettingsMixin],
     handleSettingsChange:function() {
         SettingsActions.update({
-            showEventLog: this.refs.showEventLogInput.getDOMNode().checked
+            showEventLog: !this.state.settings.showEventLog
         });
     },
     render:function(){
         return React.DOM.div(null, 
-            React.DOM.label(null, 
-                React.DOM.input({type: "checkbox", ref: "showEventLogInput", checked: this.state.settings.showEventLog, onChange: this.handleSettingsChange}), 
-                "Show Event Log"
+            React.DOM.button({className: "btn " + (this.state.settings.showEventLog ? "btn-primary" : "btn-default"), onClick: this.handleSettingsChange}, 
+                React.DOM.i({className: "fa fa-database"}), " Display Event Log"
             )
             );
     }
@@ -355,10 +354,16 @@ var TrafficTable = React.createClass({displayName: 'TrafficTable',
 /** @jsx React.DOM */
 
 var EventLog = React.createClass({displayName: 'EventLog',
+	close:function(){
+		SettingsActions.update({
+			showEventLog: false
+		});
+	},
     render:function(){
         return (
             React.DOM.div({className: "eventlog"}, 
             React.DOM.pre(null, 
+            React.DOM.i({className: "fa fa-close close-button", onClick: this.close}), 
             "much log."
             )
             )
diff --git a/libmproxy/web/templates/index.html b/libmproxy/web/templates/index.html
index 6cef0d25..4db2ed51 100644
--- a/libmproxy/web/templates/index.html
+++ b/libmproxy/web/templates/index.html
@@ -4,10 +4,10 @@
     <meta charset="UTF-8">
     <title>mitmproxy</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="css/vendor.css"/>
-    <link rel="stylesheet" href="css/app.css"/>
-    <script src="js/vendor.js"></script>
-    <script src="js/app.js"></script>
+    <link rel="stylesheet" href="/static/css/vendor.css"/>
+    <link rel="stylesheet" href="/static/css/app.css"/>
+    <script src="/static/js/vendor.js"></script>
+    <script src="/static/js/app.js"></script>
 </head>
 <body>
 <div id="mitmproxy"></div>