fix(unpaid-invoice): make entire div opacity: 0.5 if invoice hasnt been settled

app/routes/activity/components/components/Activity.scss

@@ -11,6 +11,10 @@
   transition-delay: .1s;
   color: $white;
   position: relative;
+
+  &.unpaid {
+    opacity: 0.5;
+  }
 }
 
 .clock {
@@ -142,7 +146,3 @@
     }
   }
 }
-
-.unpaid svg {
-  opacity: 0.5;
-}

app/routes/activity/components/components/Invoice/Invoice.js

@@ -12,9 +12,9 @@ import styles from '../Activity.scss'
 const Invoice = ({
   invoice, ticker, currentTicker, showActivityModal
 }) => (
-  <div className={styles.container} onClick={() => showActivityModal('INVOICE', { invoice })}>
+  <div className={`${styles.container} ${!invoice.settled && styles.unpaid}`} onClick={() => showActivityModal('INVOICE', { invoice })}>
     <div className={styles.date}>
-      <section className={!invoice.settled && styles.unpaid}>
+      <section>
         {
           invoice.settled ?
             <Isvg src={checkmarkIcon} />