Make header more compact

- Remove title bar
- File -> mitmproxy - ultimately our logo can go here

libmproxy/web/static/app.css

@@ -128,12 +128,9 @@ body,
   margin: 1px 0 0px;
 }
 header {
+  padding-top: 0.5em;
   background-color: white;
 }
-header .title-bar {
-  line-height: 25px;
-  text-align: center;
-}
 header .menu {
   padding: 10px;
   border-bottom: solid #a6a6a6 1px;

web/src/css/header.less

@@ -2,15 +2,9 @@
 @import (reference) '../../node_modules/bootstrap/less/mixins/grid.less';
 
 header {
+  padding-top: 0.5em;
   background-color: white;
-
-  .title-bar {
-    line-height: 25px;
-    text-align: center;
-  }
-
   @separator-color: lighten(grey, 15%);
-
   .menu {
     padding: 10px;
     border-bottom: solid @separator-color 1px;

web/src/js/components/header.js

@@ -292,7 +292,7 @@ var FileMenu = React.createClass({
 
         return (
             <div className={fileMenuClass}>
-                <a href="#" className="special" onClick={this.handleFileClick}> File </a>
+                <a href="#" className="special" onClick={this.handleFileClick}> mitmproxy </a>
                 <ul className="dropdown-menu" role="menu">
                     <li>
                         <a href="#" onClick={this.handleNewClick}>
@@ -368,9 +368,6 @@ var Header = React.createClass({
 
         return (
             <header>
-                <div className="title-bar">
-                    mitmproxy { this.props.settings.version }
-                </div>
                 <nav className="nav-tabs nav-tabs-lg">
                     <FileMenu/>
                     {header}