Fix some styling, add Procfile

public/src/app.vue

@@ -2,16 +2,18 @@
   <div id="app">
     <div class="header" v-bind:class="{ 'share': $store.state.share }">
       <div class="container">
-        <h1 class="title has-text-centered">
+        <h1 class="title">
           <router-link to="/" exact>
             <img src="/assets/images/logo-128.png"> <b>combine</b><span class="lighter">.fm</span>
           </router-link>
         </h1>
       </div>
     </div>
-    <div class="content">
+    <div>
       <router-view></router-view>
     </div>
+    <div class="footer-break">
+    </div>
     <footer class="footer">
       <div class="container has-text-right">
         <a href='https://twitter.com/MatchAudio'>Tweet</a> or <a href='https://gitlab.com/kudos/match.audio'>Fork</a>. A work in progress by <a href='http://crem.in'>this guy</a>.
@@ -29,7 +31,7 @@ html {
 body {
   color: #445470;
   background: #fff;
-  margin: 0 0 140px;
+  margin: 0 0 160px;
 }
 .header {
   font-family: 'Comfortaa', cursive;
@@ -39,6 +41,7 @@ body {
   height: 64px;
 }
 h1 {
+  text-align: left;
   padding: 10px 0;
 }
 h1 a {
@@ -56,12 +59,18 @@ h1 a:hover {
   line-height: 36px;
   padding: 5px 0;
 }
+.share h1 img {
+  height: 40px;
+}
 .title a:hover {
   border-bottom: none;
 }
 h1 .lighter {
   color: #ffacc5;
 }
+.footer-break {
+  height: 1px;
+}
 .footer {
   position: absolute;
   left: 0;

public/src/views/share.vue

@@ -85,6 +85,9 @@ export default {
 </script>
 
 <style>
+.content ul {
+  margin-left: 0;
+}
 .share-heading {
   margin-bottom: 50px
 }