From b5232ae6c61f191ed2ef0839aa3e3f03ef13c230 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 29 Aug 2018 15:44:02 -0400
Subject: [PATCH 1/3] change channel link color to be consistent with internal
 links

---
 src/renderer/scss/component/_button.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/scss/component/_button.scss b/src/renderer/scss/component/_button.scss
index d1e6f7e91..4da2fae44 100644
--- a/src/renderer/scss/component/_button.scss
+++ b/src/renderer/scss/component/_button.scss
@@ -163,7 +163,7 @@ button:disabled {
   transition: color var(--animation-duration) var(--animation-style);
 
   &:hover {
-    color: var(--color-light-blue);
+    color: var(--btn-color-inverse);
   }
 }
 

From cd010b97c4f1404284cea82a4aea103d3abc5b0a Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Sat, 1 Sep 2018 20:05:28 -0400
Subject: [PATCH 2/3] add email management link

---
 src/renderer/page/help/view.jsx         | 9 ++++++++-
 src/renderer/scss/component/_table.scss | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/renderer/page/help/view.jsx b/src/renderer/page/help/view.jsx
index 597d067b2..139760e89 100644
--- a/src/renderer/page/help/view.jsx
+++ b/src/renderer/page/help/view.jsx
@@ -217,7 +217,14 @@ class HelpPage extends React.PureComponent<Props, State> {
                   <td>{__('Connected Email')}</td>
                   <td>
                     {user && user.primary_email ? (
-                      user.primary_email
+                      <React.Fragment>
+                        {user.primary_email}{' '}
+                        <Button
+                          button="link"
+                          href={`http://lbry.io/list/edit/${accessToken}`}
+                          label={__('Update mailing preferences')}
+                        />
+                      </React.Fragment>
                     ) : (
                       <React.Fragment>
                         <span className="empty">{__('none')} </span>
diff --git a/src/renderer/scss/component/_table.scss b/src/renderer/scss/component/_table.scss
index c7811f9b8..87d522e00 100644
--- a/src/renderer/scss/component/_table.scss
+++ b/src/renderer/scss/component/_table.scss
@@ -3,7 +3,7 @@ table.table,
   word-wrap: break-word;
   max-width: 100%;
   text-align: left;
-  margin-top: $spacing-width;
+  margin-top: $spacing-vertical * 2/3;
 
   tr td:first-of-type,
   tr th:first-of-type {

From bd26d422fb818e576bfd290a6d4a08986b290221 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Sat, 1 Sep 2018 21:49:12 -0400
Subject: [PATCH 3/3] fix: inconsistent thumbnail size on the publish page

---
 .../component/selectThumbnail/view.jsx        | 36 ++++++++++++-------
 src/renderer/scss/_gui.scss                   |  1 -
 src/renderer/scss/_vars.scss                  |  2 --
 src/renderer/scss/component/_content.scss     |  2 +-
 yarn.lock                                     |  4 +--
 5 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/renderer/component/selectThumbnail/view.jsx b/src/renderer/component/selectThumbnail/view.jsx
index a3dd3b208..a64d77a0e 100644
--- a/src/renderer/component/selectThumbnail/view.jsx
+++ b/src/renderer/component/selectThumbnail/view.jsx
@@ -55,22 +55,34 @@ class SelectThumbnail extends React.PureComponent<Props, State> {
     const thumbnailSrc =
       !thumbnail || thumbnailError ? Native.imagePath(thumbnailErrorImage) : thumbnail;
 
+    /*
+      Note:
+      We are using backgroundImage instead of an <img /> to zoom if the selected thumbnail isn't
+      the proper aspect ratio. This is to avoid blackbars on the side of images and inconsistent thumbnails
+      We still need to render the image to see if there is an error loading the url
+    */
+
     return (
       <div className="card__content">
         {status === THUMBNAIL_STATUSES.API_DOWN || status === THUMBNAIL_STATUSES.MANUAL ? (
           <div className="column">
-            <img
-              src={thumbnailSrc}
-              className="column__item thumbnail-preview"
-              alt={__('Thumbnail Preview')}
-              onError={() => {
-                this.setState({
-                  thumbnailError: true,
-                  thumbnailErrorImage:
-                    thumbnail && thumbnail.length > 0 ? 'broken.png' : 'no-thumbnail.png',
-                });
-              }}
-            />
+            <div
+              className="column__item thumbnail-preview card__media"
+              style={{ backgroundImage: `url(${thumbnailSrc})` }}
+            >
+              <img
+                style={{ display: 'none' }}
+                src={thumbnailSrc}
+                alt={__('Thumbnail Preview')}
+                onError={() => {
+                  this.setState({
+                    thumbnailError: true,
+                    thumbnailErrorImage:
+                      thumbnail && thumbnail.length > 0 ? 'broken.png' : 'no-thumbnail.png',
+                  });
+                }}
+              />
+            </div>
             <div className="column__item">
               <FormField
                 className="input--thumbnail"
diff --git a/src/renderer/scss/_gui.scss b/src/renderer/scss/_gui.scss
index 74e51a715..764b665ef 100644
--- a/src/renderer/scss/_gui.scss
+++ b/src/renderer/scss/_gui.scss
@@ -389,5 +389,4 @@ p {
 .thumbnail-preview {
   height: var(--thumbnail-preview-height);
   width: var(--thumbnail-preview-width);
-  border: var(--thumbnail-preview-border);
 }
diff --git a/src/renderer/scss/_vars.scss b/src/renderer/scss/_vars.scss
index 199809230..152b64dc0 100644
--- a/src/renderer/scss/_vars.scss
+++ b/src/renderer/scss/_vars.scss
@@ -195,6 +195,4 @@ $large-breakpoint: 1921px;
   /* Image */
   --thumbnail-preview-height: 100px;
   --thumbnail-preview-width: 177px;
-  // This will awlways white, it looks fine on light mode
-  --thumbnail-preview-border: 1px solid var(--color-white);
 }
diff --git a/src/renderer/scss/component/_content.scss b/src/renderer/scss/component/_content.scss
index d2daf88d8..7c56b1274 100644
--- a/src/renderer/scss/component/_content.scss
+++ b/src/renderer/scss/component/_content.scss
@@ -32,7 +32,7 @@
   left: 0;
   right: 0;
   bottom: 0;
-  background-size: cover;
+  background-size: contain;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   display: flex;
diff --git a/yarn.lock b/yarn.lock
index db1f53c7d..3f4b29949 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5655,9 +5655,9 @@ lazy-val@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.3.tgz#bb97b200ef00801d94c317e29dc6ed39e31c5edc"
 
-lbry-redux@lbryio/lbry-redux#eae0d134d92d83f733b85a8ecebf529a6e9799cf:
+lbry-redux@lbryio/lbry-redux#421321a78397251589e5a890f4caa95e79975e2b:
   version "0.0.1"
-  resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/eae0d134d92d83f733b85a8ecebf529a6e9799cf"
+  resolved "https://codeload.github.com/lbryio/lbry-redux/tar.gz/421321a78397251589e5a890f4caa95e79975e2b"
   dependencies:
     proxy-polyfill "0.1.6"
     reselect "^3.0.0"