Adds address component

src/sass/components/address.scss

@@ -0,0 +1,27 @@
+.address {
+  background-color: #F8F8F8;
+  border: 0.5px solid #EDEBEB;
+  border-radius: 3px;
+  padding: 9px;
+  text-align: center;
+  font-size: 14px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  &.expanded {
+    white-space: pre-wrap;
+    word-break: break-all;
+  }
+
+  .prefix {
+    color: #000000;
+  }
+
+  .mid {
+    color: #919191;
+  }
+
+  .suffix {
+    color: #000000;
+  }
+}

src/sass/components/components.scss

@@ -2,3 +2,4 @@
 @import "content-frame";
 @import "item";
 @import "ion-content";
+@import "address";

src/sass/components/item.scss

@@ -11,7 +11,7 @@
   }
 
   .item-content {
-    &.item-content-compact {
+    &.item-content-avatar {
       min-height: 69px;
       padding: 13px 11px 13px 68px;
 
@@ -32,8 +32,17 @@
       }
     }
 
+    &.item-content-compact {
+      min-height: 0;
+      padding: 13px 11px;
+    }
+
     .highlight {
-      color: #FAB915;
+      color: #FAB915
+    }
+
+    + .item-content {
+      padding-top: 0;
     }
   }
 }