minor cleanup for wallet page

ui/js/component/rewardSummary/view.jsx

@@ -18,9 +18,8 @@ const RewardSummary = props => {
             unclaimed rewards.
           </p>}
       </div>
-      <div className="card__actions card__actions--bottom">
+      <div className="card__actions">
-        <Link button="text" navigate="/rewards" label={__("Rewards")} />
+        <Link button="alt" navigate="/rewards" label={__("Learn more")} />
-        <Link button="text" navigate="/invite" label={__("Invites")} />
       </div>
     </section>
   );

ui/js/component/walletBalance/view.jsx

@@ -21,19 +21,12 @@ const WalletBalance = props => {
         {(balance || balance === 0) &&
           <CreditAmount amount={balance} precision={8} />}
       </div>
-      <div className="card__actions card__actions--bottom">
+      <div className="card__actions">
         <Link
-          button="text"
+          button="primary"
-          navigate="/send"
-          disabled={balance === 0}
-          label={__("Send")}
-        />
-        <Link button="text" navigate="/receive" label={__("Receive")} />
-        <Link
-          button="text"
           disabled={balance === 0}
           navigate="/backup"
-          label={__("Backup")}
+          label={__("Backup wallet")}
         />
       </div>
     </section>

ui/scss/component/_media.scss

@@ -1,4 +1,5 @@
 .media {
-  /* temp fix for text files */
+  /* temp fix for text files
   background: var(--media-bg);
+  */
 }