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

@@ -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>

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);
         }
 

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"

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"

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;
   }