From e379f6774ed477a9b5cd0e75363b2b060c85710d Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 14 Jan 2019 16:21:37 -0500
Subject: [PATCH] Final fixes (#2184)

* fix: modal upgrade help text

* change: copy on invites page with link to rewards

* fix: tx table icon alignment and cost size

* fix: show subscription modal on actual first subscription
---
 src/renderer/component/inviteNew/view.jsx          |  5 +++--
 src/renderer/component/subscribeButton/view.jsx    |  4 +---
 src/renderer/component/userEmailNew/view.jsx       |  2 +-
 src/renderer/modal/modalAutoUpdateConfirm/view.jsx |  2 +-
 src/renderer/scss/component/_table.scss            | 11 ++++++++++-
 5 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/src/renderer/component/inviteNew/view.jsx b/src/renderer/component/inviteNew/view.jsx
index c2df79eea..65ddade31 100644
--- a/src/renderer/component/inviteNew/view.jsx
+++ b/src/renderer/component/inviteNew/view.jsx
@@ -33,7 +33,7 @@ class FormInviteNew extends React.PureComponent {
 
     return (
       <Form onSubmit={this.handleSubmit}>
-        <FormRow padded>
+        <FormRow>
           <FormField
             stretch
             type="text"
@@ -94,7 +94,8 @@ class InviteNew extends React.PureComponent {
           />
 
           <p className="help">
-            {__('Read our')}{' '}
+            {__('Earn')} <Button button="link" navigate="/rewards" label={__('rewards')} />{' '}
+            {__('for inviting your friends.')} {__('Read our')}{' '}
             <Button button="link" label={__('FAQ')} href="https://lbry.io/faq/referrals" />{' '}
             {__('to learn more about referrals')}.
           </p>
diff --git a/src/renderer/component/subscribeButton/view.jsx b/src/renderer/component/subscribeButton/view.jsx
index bbea8ae73..56b9db4ea 100644
--- a/src/renderer/component/subscribeButton/view.jsx
+++ b/src/renderer/component/subscribeButton/view.jsx
@@ -17,7 +17,6 @@ type Props = {
   doChannelSubscribe: ({ channelName: string, uri: string }) => void,
   doChannelUnsubscribe: SubscribtionArgs => void,
   doOpenModal: (id: string) => void,
-  firstRunCompleted: boolean,
   showSnackBarOnSubscribe: boolean,
   doToast: ({ message: string }) => void,
   buttonStyle: string,
@@ -31,7 +30,6 @@ export default (props: Props) => {
     doOpenModal,
     subscriptions,
     isSubscribed,
-    firstRunCompleted,
     showSnackBarOnSubscribe,
     doToast,
     buttonStyle,
@@ -51,7 +49,7 @@ export default (props: Props) => {
       onClick={e => {
         e.stopPropagation();
 
-        if (!subscriptions.length && !firstRunCompleted) {
+        if (!subscriptions.length) {
           doOpenModal(MODALS.FIRST_SUBSCRIPTION);
         }
 
diff --git a/src/renderer/component/userEmailNew/view.jsx b/src/renderer/component/userEmailNew/view.jsx
index 5ad63fe8e..608509840 100644
--- a/src/renderer/component/userEmailNew/view.jsx
+++ b/src/renderer/component/userEmailNew/view.jsx
@@ -53,7 +53,7 @@ class UserEmailNew extends React.PureComponent<Props, State> {
         </p>
 
         <Form onSubmit={this.handleSubmit}>
-          <FormRow padded>
+          <FormRow>
             <FormField
               stretch
               type="email"
diff --git a/src/renderer/modal/modalAutoUpdateConfirm/view.jsx b/src/renderer/modal/modalAutoUpdateConfirm/view.jsx
index 258a725e4..10f5ac15e 100644
--- a/src/renderer/modal/modalAutoUpdateConfirm/view.jsx
+++ b/src/renderer/modal/modalAutoUpdateConfirm/view.jsx
@@ -31,7 +31,7 @@ class ModalAutoUpdateConfirm extends React.PureComponent<Props> {
       >
         <section className="card__content">
           <p>{__('Your LBRY update is ready. Restart LBRY now to use it!')}</p>
-          <p className="meta">
+          <p className="help">
             {__('Want to know what has changed?')} See the{' '}
             <Button
               button="link"
diff --git a/src/renderer/scss/component/_table.scss b/src/renderer/scss/component/_table.scss
index 07c7ec65e..b849c4ab7 100644
--- a/src/renderer/scss/component/_table.scss
+++ b/src/renderer/scss/component/_table.scss
@@ -34,6 +34,15 @@
     .btn:not(.btn--link) {
       display: inline;
     }
+
+    &.table__item--actionable {
+      span + .btn {
+        margin-left: var(--spacing-vertical-small);
+      }
+      .btn svg {
+        top: 3px;
+      }
+    }
   }
 
   thead {
@@ -93,7 +102,7 @@
   td:nth-of-type(1) {
     // TX amounts
     width: 25%;
-    font-size: 0.8em;
+    font-size: 0.9em;
     font-weight: 600;
   }