fixed css a bit for top bar

public/assets/css/componentStyle.css

@@ -22,7 +22,6 @@
 }
 
 .top-bar-right {
-	vertical-align: text-bottom;
 	margin-left: 0.5em;
 }
 
@@ -166,13 +165,6 @@ button.copy-button {
 	list-style-type: none;
 }
 
-/* meme */
-canvas {
-  background-color: white; 
-  width: 100%;
-  height: auto;
-}
-
 /* statistics */
 .totals-row {
 	border-top: 1px solid grey;
@@ -194,12 +186,28 @@ canvas {
 		width: 100%;
 	}
 
+	.top-bar-tagline {
+		clear: both;
+		text-align: left;
+		width: 100%;
+	}
+
 }
 
 @media (max-width: 475px) {
 
+	div#publish-active-area {
+		margin-left: 2em;
+		margin-right: 2em;
+	}
+
     .all-claims-img {
 		width:50%;
 	}
 
+	.top-bar-right {
+		display: none;
+	}
+
+
 }

views/partials/footer.handlebars

@@ -1,3 +1,3 @@
 <footer class="stop-float">
-	<p>thanks for visiting spee.ch</p>
+	<p> thanks for visiting spee.ch </p>
 </footer>

views/partials/topBar.handlebars

@@ -1,9 +1,7 @@
 <div class="top-bar">
 	<a href="https://en.wikipedia.org/wiki/Freedom_of_information" target="_blank"><img id="logo" src="/assets/img/content-freedom-64px.png"/></a>
 	<h1 id="title"><a href="/">Spee.ch</a></h1><span class="top-bar-left">(beta)</span>
-	<span class="top-bar-tagline">Open-source, decentralized image and video hosting.</span>
-	<a href="/about" class="top-bar-right">help</a>
 	<a href="https://github.com/lbryio/spee.ch" target="_blank" class="top-bar-right">source</a>
-	
-	
+	<a href="/about" class="top-bar-right">help</a>
+	<div class="top-bar-tagline">Open-source, decentralized image and video hosting.</div>
 </div>