wip

app/templates/header/header.css

@@ -3,7 +3,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
-  justify-content: space-between;
+  justify-content: center;
   width: 100%;
   height: 64px;
   background-color: white;
@@ -13,28 +13,3 @@
 .header h1 {
   margin: 0;
 }
-
-.header__controls {
-  justify-self: end;
-  display: grid;
-  grid-auto-flow: column;
-  grid-gap: 8px;
-  align-items: center;
-}
-
-.feedback {
-  background-color: #979797;
-  background-image: url('../assets/feedback.svg');
-  background-position: 2px 4px;
-  background-repeat: no-repeat;
-  background-size: 18px;
-  color: var(--primaryControlFGColor);
-  cursor: pointer;
-  display: block;
-  font-size: 12px;
-  line-height: 12px;
-  padding: 5px 5px 5px 20px;
-  text-indent: 2px;
-  transition: all 250ms ease-in-out;
-  white-space: nowrap;
-}

app/templates/header/index.js

@@ -1,24 +1,11 @@
 const html = require('choo/html');
-const userAccount = require('../../templates/userAccount');
-const version = require('../../../package.json').version;
-const { browserName } = require('../../utils');
-
-module.exports = function(state, emit) {
-  const browser = browserName();
-  const feedbackUrl = `https://qsurvey.mozilla.com/s3/txp-firefox-send?ver=${version}&browser=${browser}`;
+const assets = require('../../../common/assets');
 
+module.exports = function() {
   const header = html`
   <header class="header">
-    <h1><a href="/">Firefox Send</a></h1>
-    <div class="header__controls">
-      ${userAccount(state, emit)}
-      <a href="${feedbackUrl}"
-        rel="noreferrer noopener"
-        class="feedback"
-        alt="Feedback"
-        target="_blank">${state.translate('siteFeedback')}
-      </a>
-    </div>
+    <a href="/"><img src="${assets.get('send_logo.svg')}"/></a>
+    <a href="/"><h1>Firefox Send</h1></a>
   </header>`;
   // HACK
   // We only want to render this once because we