Add Origin to events table (#4073)

js/src/views/Contract/Events/events.js

@@ -74,6 +74,14 @@ export default class Events extends Component {
     return (
       <Container title='events'>
         <table className={ styles.events }>
+          <thead>
+            <tr>
+              <th />
+              <th className={ styles.origin }>
+                origin
+              </th>
+            </tr>
+          </thead>
           <tbody>{ list }</tbody>
         </table>
       </Container>

js/src/views/Contract/contract.css

@@ -29,14 +29,31 @@
 .event {
   td {
     vertical-align: top;
-    padding: 1em 0.5em;
+    padding: 0 0.5em 1.5em;
 
     div {
       white-space: nowrap;
     }
+
+    &.timestamp {
+      padding-right: 1.5em;
+      text-align: right;
+      line-height: 1.5em;
+      opacity: 0.5;
+      white-space: nowrap;
+    }
   }
 }
 
+.origin {
+  text-align: left;
+  padding-left: 32px;
+  text-indent: 1em;
+  color: rgba(255, 255, 255, 0.5);
+  text-transform: uppercase;
+  font-size: 0.9em;
+}
+
 .txhash {
   text-overflow: ellipsis;
   width: 20%;
@@ -54,14 +71,6 @@
   opacity: 0.5;
 }
 
-.timestamp {
-  padding-top: 1.5em;
-  text-align: right;
-  line-height: 1.5em;
-  opacity: 0.5;
-  white-space: nowrap;
-}
-
 .eventDetails {
 }