adds logo to drawer title and updates favicon (#76)

frontend/public/index.html

@@ -6,7 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="unleash">
 
-    <title>Unleash Admin</title>
+    <title>Unleash</title>
     <link rel="stylesheet" href="bundle.css">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet">

frontend/src/component/app.jsx

@@ -122,7 +122,10 @@ export default class App extends Component {
                         </Navigation>
                     </Header>
                     <Drawer className="mdl-color--white">
-                        <span className={[styles.drawerTitle, 'mdl-layout-title'].join(' ')}>Unleash</span>
+                        <span className={[styles.drawerTitle, 'mdl-layout-title'].join(' ')}>
+                            <img src="/public/logo.png" width="32" height="32" className={styles.drawerTitleLogo}/>
+                            <span className={styles.drawerTitleText}>Unleash</span>
+                        </span>
                         <hr/>
                         <Navigation className={styles.navigation}>
                             {createListItem('/features', 'Feature toggles', 'list', true)}
@@ -173,7 +176,7 @@ export default class App extends Component {
                                     </FooterLinkList>
                                 </FooterDropDownSection>
                             </FooterSection>
-                            <FooterSection type="bottom" logo="Unleash Admin">
+                            <FooterSection type="bottom" logo="Unleash">
                                 <FooterLinkList>
                                     <a href="https://github.com/Unleash/unleash/" target="_blank">
                                             GitHub

frontend/src/component/styles.scss

@@ -45,13 +45,25 @@
 }
 
 .drawerTitle {
+    line-height: 1 !important;
+    padding-top: 16px;
+    padding-bottom: 16px;
     padding-left: 24px !important;
 }
 @media screen and (max-width: 1024px) {
     .drawerTitle {
+        padding-top: 12px;
+        padding-bottom: 12px;
         padding-left: 16px !important;
     }
 }
+.drawerTitleLogo {
+    padding-right: 16px;
+}
+.drawerTitleText {
+    display: inline-block;
+    vertical-align: middle;
+}
 
 .navigation {
     padding: 8px 0 !important;