Merge pull request #2197 from ykris45/patch-7

fixed issue for jiggytom

CHANGELOG.md

@@ -8,14 +8,19 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ### Added
 
-- Auto email confirmation ([#2169](https://github.com/lbryio/lbry-desktop/pull/2169))
-
 ### Changed
 
 ### Fixed
 
+- Rewards table alignment on small screens ([#2197](https://github.com/lbryio/lbry-desktop/pull/2197))
+- File thumbnail issues when resiszing screen ([#2193](https://github.com/lbryio/lbry-desktop/pull/2197))
+
 ## [0.27.0] - 2018-01-15
 
+### Added
+
+- Auto email confirmation ([#2169](https://github.com/lbryio/lbry-desktop/pull/2169))
+
 ### Changed
 
 - App redesign with shared colors component ([#2144](https://github.com/lbryio/lbry-desktop/pull/2144))

src/renderer/component/rewardListClaimed/view.jsx

@@ -28,7 +28,7 @@ const RewardListClaimed = (props: Props) => {
         <h2 className="card__title">Claimed Rewards</h2>
       </header>
 
-      <table className="card__content table table--stretch">
+      <table className="table table--rewards table--stretch">
         <thead>
           <tr>
             <th>{__('Title')}</th>

src/renderer/scss/component/_table.scss

@@ -27,8 +27,8 @@
       color: inherit;
     }
 
-    &:not(:first-of-type) {
+    &:not(:last-of-type) {
-      padding-right: var(--spacing-vertical-medium);
+      padding-right: var(--spacing-vertical-large);
     }
 
     .btn:not(.btn--link) {
@@ -122,3 +122,21 @@
     width: 15%;
   }
 }
+
+.table--rewards {
+  td:nth-of-type(1) {
+    width: 40%;
+  }
+
+  td:nth-of-type(2) {
+    width: 17.5%;
+  }
+
+  td:nth-of-type(3) {
+    width: 17.5%;
+  }
+
+  td:nth-of-type(4) {
+    width: 25%;
+  }
+}