From cce187ad62b19bbb617d5275fd23651ccde9a971 Mon Sep 17 00:00:00 2001
From: Alex Liebowitz <alex@alexliebowitz.com>
Date: Mon, 23 May 2016 10:24:23 -0400
Subject: [PATCH] Add small LBRY logo to top of sub-pages

---
 js/component/common.js | 11 +++++++++++
 js/page/help.js        |  1 +
 js/page/my_files.js    |  1 +
 js/page/report.js      |  1 +
 js/page/settings.js    |  1 +
 js/page/start.js       |  1 +
 scss/_gui.scss         |  2 +-
 7 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/js/component/common.js b/js/component/common.js
index 13d6544d9..536e48871 100644
--- a/js/component/common.js
+++ b/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} />;
+  }
 });
\ No newline at end of file
diff --git a/js/page/help.js b/js/page/help.js
index b6b9d4af0..ad9c1c3e9 100644
--- a/js/page/help.js
+++ b/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>
 
diff --git a/js/page/my_files.js b/js/page/my_files.js
index 291482055..8802c0cc2 100644
--- a/js/page/my_files.js
+++ b/js/page/my_files.js
@@ -126,6 +126,7 @@ var MyFilesPage = React.createClass({
     }
     return (
       <main className="page">
+      <SubPageLogo />
       <h1>My files</h1>
       {content}
       <section>
diff --git a/js/page/report.js b/js/page/report.js
index 087783fee..bd46f2919 100644
--- a/js/page/report.js
+++ b/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>
diff --git a/js/page/settings.js b/js/page/settings.js
index 34f0db780..31b7c1d27 100644
--- a/js/page/settings.js
+++ b/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>
diff --git a/js/page/start.js b/js/page/start.js
index 8ae856ac8..2f91a91d1 100644
--- a/js/page/start.js
+++ b/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>
diff --git a/scss/_gui.scss b/scss/_gui.scss
index 33c16aaea..ce30baaab 100644
--- a/scss/_gui.scss
+++ b/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; }