Create tx-list-item component.

1 files changed, 16 insertions, 0 deletions

diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss
index bdf84b919..87e8e693e 100644
--- a/ui/app/css/itcss/components/transaction-list.scss
+++ b/ui/app/css/itcss/components/transaction-list.scss
@@ -61,6 +61,22 @@
   flex: 0 0 70px;
   align-items: stretch;
   justify-content: flex-start;
+
+  @media screen and (max-width: $break-small) {
+    padding: 0 1.3em .95em;
+  }
+
+  @media screen and (min-width: $break-large) {
+    margin: 0 2.37em;
+  }
+}
+
+.tx-list-pending-item-container {
+  cursor: pointer;
+}
+
+.tx-list-pending-item-container:hover {
+  background: $alto;
 }
 
 .tx-list-date-wrapper {