Add small LBRY logo to top of sub-pages

js/component/common.js

@@ -49,4 +49,15 @@ var CreditAmount = React.createClass({
       </span>
     );
   }
+});
+
+var subPageLogoStyle = {
+  maxWidth: '150px',
+  display: 'block',
+  marginTop: '36px',
+};
+var SubPageLogo = React.createClass({
+  render: function() {
+    return <img src="img/lbry-dark-1600x528.png" style={subPageLogoStyle} />;
+  }
 });

js/page/help.js

@@ -4,6 +4,7 @@ var HelpPage = React.createClass({
   render: function() {
     return (
       <main className="page">
+        <SubPageLogo />
         <h1>Troubleshooting</h1>
         <p>Here are the most commonly encountered problems and what to try doing about them</p>
 

js/page/my_files.js

@@ -126,6 +126,7 @@ var MyFilesPage = React.createClass({
     }
     return (
       <main className="page">
+      <SubPageLogo />
       <h1>My files</h1>
       {content}
       <section>

js/page/report.js

@@ -21,6 +21,7 @@ var ReportPage = React.createClass({
   render: function() {
     return (
       <main className="page">
+        <SubPageLogo />
         <h1>Report a bug</h1>
         <section>
         <p>Please describe the problem you experienced and any information you think might be useful to us. Links to screenshots are great!</p>

js/page/settings.js

@@ -74,6 +74,7 @@ var SettingsPage = React.createClass({
 
     return (
       <main className="page">
+        <SubPageLogo />
         <h1>Settings</h1>
         <section>
           <h4>Run on startup</h4>

js/page/start.js

@@ -5,6 +5,7 @@ var StartPage = React.createClass({
   render: function() {
     return (
       <main className="page">
+        <SubPageLogo />
         <h1>LBRY has closed</h1>
         <Link href="lbry://lbry" label="Click here to start LBRY" />
       </main>

scss/_gui.scss

@@ -32,7 +32,7 @@ section
   }
 }
 
-h1 { font-size: 2.0em; margin-bottom: $spacing-vertical / 2; margin-top: $spacing-vertical * 1.5; }
+h1 { font-size: 2.0em; margin-bottom: $spacing-vertical / 2; margin-top: $spacing-vertical; }
 h2 { font-size: 1.75em; }
 h3 { font-size: 1.4em; }
 h4 { font-size: 1.2em; }