diff --git a/public/img/bought-pending.svg b/public/img/bought-pending.svg
new file mode 100644
index 000000000..2ada9aaaf
--- /dev/null
+++ b/public/img/bought-pending.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-264 387.9 66 66"
+	 enable-background="new -264 387.9 66 66" xml:space="preserve">
+<title>Oval 356 + ios7-redo</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-36.000000, -736.000000)" sketch:type="MSArtboardGroup">
+		<g id="Oval-356-_x2B_-ios7-redo" transform="translate(37.000000, 737.000000)" sketch:type="MSLayerGroup">
+			<path fill="#1ABC9C" d="M-232,452.9c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33s33,14.8,33,33C-199,438.1-213.8,452.9-232,452.9
+				z M-232,388.9c-17.1,0-31,13.9-31,31s13.9,31,31,31c17.1,0,31-13.9,31-31S-214.9,388.9-232,388.9z"/>
+			<g id="plus-round" transform="translate(14.933333, 14.933333)" sketch:type="MSShapeGroup">
+				<path id="Shape" fill="#1ABC9C" d="M-244.1,402.2v-11.5c0-1.5-1.3-2.7-2.8-2.7s-2.8,1.2-2.8,2.7v11.5h-11.5
+					c-1.5,0-2.7,1.3-2.7,2.8s1.2,2.8,2.7,2.8h11.5v11.5c0,1.5,1.3,2.7,2.8,2.7s2.8-1.2,2.8-2.7v-11.5h11.5c1.5,0,2.7-1.3,2.7-2.8
+					s-1.2-2.8-2.7-2.8H-244.1z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/img/bought.svg b/public/img/bought.svg
new file mode 100644
index 000000000..63c16f570
--- /dev/null
+++ b/public/img/bought.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-258 383.9 79 75"
+	 enable-background="new -258 383.9 79 75" xml:space="preserve">
+<title>Oval 356 + ios7-redo + Shape Copy 5</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-18.000000, -990.000000)" sketch:type="MSArtboardGroup">
+		<g id="Oval-356-_x2B_-ios7-redo-_x2B_-Shape-Copy-5" transform="translate(19.000000, 991.000000)" sketch:type="MSLayerGroup">
+			<g id="Oval-356-_x2B_-ios7-redo" sketch:type="MSShapeGroup">
+				<g>
+					<circle id="Oval-356_1_" fill="#FFFFFF" cx="-226" cy="415.9" r="32"/>
+					<path fill="#1ABC9C" d="M-226,448.9c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33s33,14.8,33,33
+						C-193,434.1-207.8,448.9-226,448.9z M-226,384.9c-17.1,0-31,13.9-31,31s13.9,31,31,31c17.1,0,31-13.9,31-31
+						S-208.9,384.9-226,384.9z"/>
+				</g>
+				<g id="plus-round" transform="translate(14.933333, 14.933333)">
+					<path id="Shape" fill="#1ABC9C" d="M-238.1,398.2v-11.5c0-1.5-1.3-2.7-2.8-2.7s-2.8,1.2-2.8,2.7v11.5h-11.5
+						c-1.5,0-2.7,1.3-2.7,2.8s1.2,2.8,2.7,2.8h11.5v11.5c0,1.5,1.3,2.7,2.8,2.7s2.8-1.2,2.8-2.7v-11.5h11.5c1.5,0,2.7-1.3,2.7-2.8
+						s-1.2-2.8-2.7-2.8H-238.1z"/>
+				</g>
+			</g>
+			<g>
+				<path id="Shape-Copy-4_1_" sketch:type="MSShapeGroup" fill="#2C3E50" d="M-212,440.9c0,8.3,6.7,15,15,15s15-6.7,15-15
+					c0-8.3-6.7-15-15-15S-212,432.6-212,440.9z"/>
+				<path fill="#FFFFFF" d="M-197,456.9c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S-188.2,456.9-197,456.9z M-197,426.9
+					c-7.7,0-14,6.3-14,14s6.3,14,14,14s14-6.3,14-14S-189.3,426.9-197,426.9z"/>
+			</g>
+			<path id="Path-Copy" sketch:type="MSShapeGroup" fill="#FFFFFF" d="M-188.3,436l-9.5,11.9c-0.1,0.1-0.2,0.2-0.3,0.2
+				c-0.2,0-0.3-0.1-0.3-0.2c-0.1-0.1-5.4-5-5.4-5l-0.1-0.1c0-0.1-0.1-0.1-0.1-0.2s0-0.2,0.1-0.2c0,0,0,0,0.1-0.1
+				c0.5-0.5,1.6-1.6,1.7-1.7c0.1-0.1,0.2-0.2,0.3-0.2c0.2,0,0.3,0.1,0.4,0.2s3.1,2.9,3.1,2.9l7.6-9.5c0.1-0.1,0.1-0.1,0.2-0.1
+				c0.1,0,0.2,0,0.2,0.1l2.1,1.6c0.1,0.1,0.1,0.1,0.1,0.2C-188.2,435.9-188.3,436-188.3,436L-188.3,436z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/img/buy-bitcoin.svg b/public/img/buy-bitcoin.svg
new file mode 100644
index 000000000..ed4bb7fa3
--- /dev/null
+++ b/public/img/buy-bitcoin.svg
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-257 387.9 80 66"
+	 enable-background="new -257 387.9 80 66" xml:space="preserve">
+<title>fi-bitcoin-circle + Oval 356 + ios7-redo Copy 4</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-34.000000, -387.000000)" sketch:type="MSArtboardGroup">
+		
+			<g id="fi-bitcoin-circle-_x2B_-Oval-356-_x2B_-ios7-redo-Copy-4" transform="translate(34.000000, 387.000000)" sketch:type="MSLayerGroup">
+			<g id="fi-bitcoin-circle" sketch:type="MSShapeGroup">
+				<g id="g99">
+					<path id="Shape" fill="#2C3E50" d="M-225.2,409.8l-1.7,6.9c2,0.5,8,2.5,9-1.4C-216.9,411.2-223.2,410.3-225.2,409.8
+						L-225.2,409.8z"/>
+					<path id="Shape_1_" fill="#2C3E50" d="M-227.8,420.3l-1.9,7.6c2.3,0.6,9.6,2.9,10.7-1.4C-217.9,422-225.4,420.8-227.8,420.3
+						L-227.8,420.3z"/>
+					<path id="Shape_2_" fill="#2C3E50" d="M-217.4,389.3c-16.9-4.2-34,6.1-38.3,23c-4.2,16.9,6.1,34.1,23,38.3
+						c16.9,4.2,34.1-6.1,38.3-23C-190.2,410.6-200.4,393.5-217.4,389.3L-217.4,389.3z M-211.1,415.4c-0.5,3.1-2.2,4.6-4.4,5.1
+						c3.1,1.6,4.7,4.1,3.2,8.4c-1.9,5.3-6.3,5.8-12.2,4.7l-1.4,5.7l-3.5-0.9l1.4-5.7c-0.9-0.2-1.8-0.5-2.8-0.7l-1.4,5.7l-3.5-0.9
+						l1.4-5.8c-0.8-0.2-1.6-0.4-2.5-0.6l-4.5-1.1l1.7-4c0,0,2.6,0.7,2.5,0.6c1,0.2,1.4-0.4,1.6-0.8l2.3-9.1c0.1,0,0.3,0.1,0.4,0.1
+						c-0.1-0.1-0.3-0.1-0.4-0.1l1.6-6.5c0-0.7-0.2-1.7-1.6-2c0.1,0-2.5-0.6-2.5-0.6l0.9-3.7l4.8,1.2l0,0c0.7,0.2,1.5,0.3,2.2,0.5
+						l1.4-5.7l3.5,0.9l-1.4,5.6c0.9,0.2,1.9,0.4,2.8,0.7l1.4-5.5l3.5,0.9l-1.4,5.7C-213.7,408.9-210.5,411.2-211.1,415.4
+						L-211.1,415.4z"/>
+				</g>
+			</g>
+			<g id="Oval-356-_x2B_-ios7-redo" transform="translate(48.000000, 34.000000)" sketch:type="MSShapeGroup">
+				<g>
+					<circle id="Oval-356_1_" fill="#1ABC9C" cx="-242" cy="402.9" r="15"/>
+					<path fill="#FFFFFF" d="M-242,418.9c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S-233.2,418.9-242,418.9z M-242,388.9
+						c-7.7,0-14,6.3-14,14s6.3,14,14,14s14-6.3,14-14S-234.3,388.9-242,388.9z"/>
+				</g>
+				<g id="plus-round" transform="translate(7.000000, 7.000000)">
+					<path id="Shape_3_" fill="#FFFFFF" d="M-242.3,394.6h-5.4v-5.4c0-0.7-0.6-1.3-1.3-1.3s-1.3,0.6-1.3,1.3v5.4h-5.4
+						c-0.7,0-1.3,0.6-1.3,1.3c0,0.7,0.6,1.3,1.3,1.3h5.4v5.4c0,0.7,0.6,1.3,1.3,1.3s1.3-0.6,1.3-1.3v-5.4h5.4c0.7,0,1.3-0.6,1.3-1.3
+						C-241,395.2-241.6,394.6-242.3,394.6L-242.3,394.6z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/img/sell-bitcoin.svg b/public/img/sell-bitcoin.svg
new file mode 100644
index 000000000..8a313b76c
--- /dev/null
+++ b/public/img/sell-bitcoin.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-257 387.9 80 66"
+	 enable-background="new -257 387.9 80 66" xml:space="preserve">
+<title>fi-bitcoin-circle copy + Oval 356 Copy + ios7-redo copy Copy</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-34.000000, -502.000000)" sketch:type="MSArtboardGroup">
+		
+			<g id="fi-bitcoin-circle-copy-_x2B_-Oval-356-Copy-_x2B_-ios7-redo-copy-Copy" transform="translate(34.000000, 502.000000)" sketch:type="MSLayerGroup">
+			<g id="fi-bitcoin-circle-copy" sketch:type="MSShapeGroup">
+				<g id="g99">
+					<path id="Shape" fill="#2C3E50" d="M-225.2,409.8l-1.7,6.9c2,0.5,8,2.5,9-1.4C-216.9,411.2-223.2,410.3-225.2,409.8
+						L-225.2,409.8z"/>
+					<path id="Shape_1_" fill="#2C3E50" d="M-227.8,420.3l-1.9,7.6c2.3,0.6,9.6,2.9,10.7-1.4C-217.9,422-225.4,420.8-227.8,420.3
+						L-227.8,420.3z"/>
+					<path id="Shape_2_" fill="#2C3E50" d="M-217.4,389.3c-16.9-4.2-34,6.1-38.3,23c-4.2,16.9,6.1,34.1,23,38.3
+						c16.9,4.2,34.1-6.1,38.3-23C-190.2,410.6-200.4,393.5-217.4,389.3L-217.4,389.3z M-211.1,415.4c-0.5,3.1-2.2,4.6-4.4,5.1
+						c3.1,1.6,4.7,4.1,3.2,8.4c-1.9,5.3-6.3,5.8-12.2,4.7l-1.4,5.7l-3.5-0.9l1.4-5.7c-0.9-0.2-1.8-0.5-2.8-0.7l-1.4,5.7l-3.5-0.9
+						l1.4-5.8c-0.8-0.2-1.6-0.4-2.5-0.6l-4.5-1.1l1.7-4c0,0,2.6,0.7,2.5,0.6c1,0.2,1.4-0.4,1.6-0.8l2.3-9.1c0.1,0,0.3,0.1,0.4,0.1
+						c-0.1-0.1-0.3-0.1-0.4-0.1l1.6-6.5c0-0.7-0.2-1.7-1.6-2c0.1,0-2.5-0.6-2.5-0.6l0.9-3.7l4.8,1.2l0,0c0.7,0.2,1.5,0.3,2.2,0.5
+						l1.4-5.7l3.5,0.9l-1.4,5.6c0.9,0.2,1.9,0.4,2.8,0.7l1.4-5.5l3.5,0.9l-1.4,5.7C-213.7,408.9-210.5,411.2-211.1,415.4
+						L-211.1,415.4z"/>
+				</g>
+			</g>
+			<g id="Oval-356-Copy-_x2B_-ios7-redo-copy" transform="translate(48.000000, 34.000000)" sketch:type="MSShapeGroup">
+				<g>
+					<circle id="Oval-356-Copy_1_" fill="#F6A623" cx="-242" cy="402.9" r="15"/>
+					<path fill="#FFFFFF" d="M-242,418.9c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S-233.2,418.9-242,418.9z M-242,388.9
+						c-7.7,0-14,6.3-14,14s6.3,14,14,14s14-6.3,14-14S-234.3,388.9-242,388.9z"/>
+				</g>
+				<g id="minus-round" transform="translate(7.000000, 13.800000)">
+					<path id="Shape_3_" fill="#FFFFFF" d="M-242.3,387.9h-13.5c-0.7,0-1.3,0.5-1.3,1.2s0.6,1.2,1.3,1.2h13.5c0.7,0,1.3-0.5,1.3-1.2
+						S-241.6,387.9-242.3,387.9L-242.3,387.9z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/img/sold-pending.svg b/public/img/sold-pending.svg
new file mode 100644
index 000000000..d4b33f08a
--- /dev/null
+++ b/public/img/sold-pending.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-264 387.9 66 66"
+	 enable-background="new -264 387.9 66 66" xml:space="preserve">
+<title>Oval 356 + ios7-redo Copy</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-18.000000, -847.000000)" sketch:type="MSArtboardGroup">
+		<g id="Oval-356-_x2B_-ios7-redo-Copy" transform="translate(19.000000, 848.000000)" sketch:type="MSLayerGroup">
+			<path fill="#F6A623" d="M-232,452.9c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33s33,14.8,33,33C-199,438.1-213.8,452.9-232,452.9
+				z M-232,388.9c-17.1,0-31,13.9-31,31s13.9,31,31,31c17.1,0,31-13.9,31-31S-214.9,388.9-232,388.9z"/>
+			<g id="minus-round-copy" transform="translate(15.000000, 31.000000)" sketch:type="MSShapeGroup">
+				<path id="Shape" fill="#F6A623" d="M-232.7,387.9h-28.6c-1.5,0-2.7,1.1-2.7,2.4c0,1.3,1.2,2.4,2.7,2.4h28.6
+					c1.5,0,2.7-1.1,2.7-2.4C-230,389-231.2,387.9-232.7,387.9L-232.7,387.9z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/img/sold.svg b/public/img/sold.svg
new file mode 100644
index 000000000..adade81d4
--- /dev/null
+++ b/public/img/sold.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Capa_1" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="-258 383.9 79 75"
+	 enable-background="new -258 383.9 79 75" xml:space="preserve">
+<title>Oval 356 + ios7-redo Copy + Shape Copy 5</title>
+<desc>Created with Sketch.</desc>
+<g id="Page-1" sketch:type="MSPage">
+	<g id="Copay-v1-Buy-_x2013_-Main" transform="translate(-18.000000, -867.000000)" sketch:type="MSArtboardGroup">
+		
+			<g id="Oval-356-_x2B_-ios7-redo-Copy-_x2B_-Shape-Copy-5" transform="translate(19.000000, 868.000000)" sketch:type="MSLayerGroup">
+			<g id="Oval-356-_x2B_-ios7-redo-Copy" sketch:type="MSShapeGroup">
+				<g>
+					<circle id="Oval-356_1_" fill="#FFFFFF" cx="-226" cy="415.9" r="32"/>
+					<path fill="#F6A623" d="M-226,448.9c-18.2,0-33-14.8-33-33c0-18.2,14.8-33,33-33s33,14.8,33,33
+						C-193,434.1-207.8,448.9-226,448.9z M-226,384.9c-17.1,0-31,13.9-31,31s13.9,31,31,31c17.1,0,31-13.9,31-31
+						S-208.9,384.9-226,384.9z"/>
+				</g>
+				<g id="minus-round-copy" transform="translate(15.000000, 31.000000)">
+					<path id="Shape" fill="#F6A623" d="M-226.7,383.9h-28.6c-1.5,0-2.7,1.1-2.7,2.4c0,1.3,1.2,2.4,2.7,2.4h28.6
+						c1.5,0,2.7-1.1,2.7-2.4C-224,385-225.2,383.9-226.7,383.9L-226.7,383.9z"/>
+				</g>
+			</g>
+			<g id="Shape-Copy-5-_x2B_-Path-Copy-2" transform="translate(46.000000, 42.000000)" sketch:type="MSShapeGroup">
+				<g>
+					<path id="Shape-Copy-5_1_" fill="#2C3E50" d="M-258,398.9c0,8.3,6.7,15,15,15s15-6.7,15-15c0-8.3-6.7-15-15-15
+						S-258,390.6-258,398.9z"/>
+					<path fill="#FFFFFF" d="M-243,414.9c-8.8,0-16-7.2-16-16s7.2-16,16-16s16,7.2,16,16S-234.2,414.9-243,414.9z M-243,384.9
+						c-7.7,0-14,6.3-14,14s6.3,14,14,14s14-6.3,14-14S-235.3,384.9-243,384.9z"/>
+				</g>
+				<path id="Path-Copy-2" fill="#FFFFFF" d="M-234.3,394l-9.5,11.9c-0.1,0.1-0.2,0.2-0.3,0.2c-0.2,0-0.3-0.1-0.3-0.2
+					c-0.1-0.1-5.4-5-5.4-5l-0.1-0.1c0-0.1-0.1-0.1-0.1-0.2s0-0.2,0.1-0.2c0,0,0,0,0.1-0.1c0.5-0.5,1.6-1.6,1.7-1.7
+					c0.1-0.1,0.2-0.2,0.3-0.2c0.2,0,0.3,0.1,0.4,0.2c0.1,0.1,3.1,2.9,3.1,2.9l7.6-9.5c0.1-0.1,0.1-0.1,0.2-0.1c0.1,0,0.2,0,0.2,0.1
+					l2.1,1.6c0.1,0.1,0.1,0.1,0.1,0.2C-234.2,393.9-234.3,394-234.3,394L-234.3,394z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/public/views/glidera.html b/public/views/glidera.html
index 326705695..bbe35e273 100644
--- a/public/views/glidera.html
+++ b/public/views/glidera.html
@@ -140,8 +140,8 @@
       <li ng-show="index.glideraPermissions.transact &&
       (index.glideraStatus.userCanBuy || index.glideraStatus.userCanTransact)" class="line-b line-t p20 pointer"
       ng-click="$root.go('buyGlidera')">
-        <i class="icon-buy-btc size-24 m5r"></i>
-        <span>Buy Bitcoin</span>
+        <img src="../img/buy-bitcoin.svg" alt="buy bitcoin" width="40">
+        <span class="m10 text-normal text-bold">Buy Bitcoin</span>
         <span class="right text-gray">
           <i class="icon-arrow-right3 size-24 right"></i>
         </span>
@@ -150,11 +150,11 @@
       ng-show="index.glideraPermissions.transact &&
       (index.glideraStatus.userCanSell || index.glideraStatus.userCanTransact)"
       ng-click="$root.go('sellGlidera')">
-      <i class="icon-sell-btc size-24 m5r"></i>
-      <span>Sell Bitcoin</span>
-      <span class="right text-gray">
-        <i class="icon-arrow-right3 size-24 right"></i>
-      </span>
+        <img src="../img/sell-bitcoin.svg" alt="buy bitcoin" width="40">
+        <span class="m10 text-normal text-bold">Sell Bitcoin</span>
+        <span class="right text-gray">
+          <i class="icon-arrow-right3 size-24 right"></i>
+        </span>
       </li>
     </ul>
 
@@ -168,29 +168,30 @@
         ng-click="glidera.openTxModal(index.glideraToken, tx)"
         class="row collapse last-transactions-content">
         <div class="large-3 medium-3 small-3 columns">
-          <span class="label tu radius" ng-show="tx.type == 'BUY'"
-            ng-style="{'background-color':index.backgroundColor}">Bought</span>
-          <span class="label tu gray radius" ng-show="tx.type == 'SELL'">Sold</span>
+          <img src="../img/bought.svg" alt="bought" width="39" ng-show="tx.type == 'BUY' && tx.status == 'COMPLETE'">
+          <img src="../img/bought-pending.svg" alt="bought" width="33" ng-show="tx.type == 'BUY' && tx.status == 'PROCESSING'">
+          <img src="../img/sold.svg" alt="bought" width="39" ng-show="tx.type == 'SELL' && tx.status == 'COMPLETE'">
+          <img src="../img/sold-pending.svg" alt="bought" width="33" ng-show="tx.type == 'SELL' && tx.status == 'PROCESSING'">
         </div>
 
         <div class="large-4 medium-4 small-4 columns">
-          <span class="size-16">
+          <span class="size-14 text-bold">
             {{tx.subtotal|currency:'':2}} {{tx.currency}}
           </span>
         </div>
         <div class="large-4 medium-4 small-4 columns text-right">
           <div class="m5t size-12 text-gray">
-            <time ng-if="tx.transactionDate">{{tx.transactionDate | amTimeAgo}}</time>
+            <div ng-show="tx.status == 'COMPLETE'">
+              <time ng-if="tx.transactionDate">{{tx.transactionDate | amTimeAgo}}</time>
+            </div>
+            <div ng-show="tx.status == 'PROCESSING'">
+              <span class="label outline gray radius text-gray text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
+            </div>
           </div>
         </div>
         <div class="large-1 medium-1 small-1 columns text-right">
           <i class="icon-arrow-right3 size-18"></i>
         </div>
-        <div class="size-12 text-gray columns m5t">
-          <span class="text-success" ng-if="tx.status == 'COMPLETE'">Completed</span>
-          <span class="text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
-          <span class="text-warning" ng-if="tx.status == 'ERROR'">Error</span>
-        </div>
       </div>
     </div>
 
diff --git a/public/views/modals/glidera-tx-details.html b/public/views/modals/glidera-tx-details.html
index f6bec9ef7..d246a4da5 100644
--- a/public/views/modals/glidera-tx-details.html
+++ b/public/views/modals/glidera-tx-details.html
@@ -7,30 +7,35 @@
   </section>
   <section class="middle tab-bar-section">
     <h1 class="title ellipsis" ng-style="{'color':color}">
-      Transaction
+      Details
     </h1>
   </section>
 </nav>
 
 <div class="modal-content fix-modals-touch">
-  <div class="header-modal text-center">
-    <span class="label tu radius" ng-show="tx.type == 'BUY'"
-      ng-style="{'background-color':color}">Bought</span>
-    <span class="label tu gray radius" ng-show="tx.type == 'SELL'">Sold</span>
-    <div class="size-42">
-      {{tx.subtotal|currency:'':2}} {{tx.currency}}
+  <div class="header-modal bg-gray text-center">
+    <div class="p20">
+      <img src="../img/bought.svg" alt="bought" width="80" ng-show="tx.type == 'BUY' && tx.status == 'COMPLETE'">
+      <img src="../img/bought-pending.svg" alt="bought" width="65" ng-show="tx.type == 'BUY' && tx.status == 'PROCESSING'">
+      <img src="../img/sold.svg" alt="bought" width="80" ng-show="tx.type == 'SELL' && tx.status == 'COMPLETE'">
+      <img src="../img/sold-pending.svg" alt="bought" width="65" ng-show="tx.type == 'SELL' && tx.status == 'PROCESSING'">
     </div>
-    <div class="size-12 text-gray">
-      <span class="text-success" ng-if="tx.status == 'COMPLETE'">Completed</span>
-      <span class="text-info" ng-if="tx.status == 'PROCESSING'">Processing</span>
-      <span class="text-warning" ng-if="tx.status == 'ERROR'">Error</span>
+    <span ng-show="tx.type == 'BUY'">Bought</span>
+    <span ng-show="tx.type == 'SELL'">Sold</span>
+    <div class="size-36 m20b">
+      {{tx.subtotal|currency:'':2}} {{tx.currency}}
     </div>
   </div>
 
-  <h4 class="title m0">Details</h4>
-
   <ul class="no-bullet size-14 m0"> 
 
+    <li class="line-b p10 oh">
+      <span class="text-gray">Status</span>
+      <span class="text-success right" ng-if="tx.status == 'COMPLETE'">Completed</span>
+      <span class="text-info right" ng-if="tx.status == 'PROCESSING'">Processing</span>
+      <span class="text-warning right" ng-if="tx.status == 'ERROR'">Error</span>
+    </li>
+
     <li ng-show="tx.transactionDate" class="line-b p10 oh">
       <span class="text-gray">Date</span>
       <span class="right">{{tx.transactionDate | amCalendar}}</span>
@@ -39,10 +44,8 @@
     <li ng-show="tx.price" class="line-b p10 oh">
       <span class="text-gray">Exchange rate</span>
       <span class="right">{{tx.price|currency:'':2}} {{tx.currency}}/BTC</span>
-    </li>
-  </ul>
-  <h4 class="title m0">&nbsp;</h4>
-  <ul class="no-bullet size-14 m0"> 
+    </li> 
+
     <li ng-show="tx.subtotal" class="line-b p10 oh">
       <span class="text-gray">Subtotal</span>
       <span class="right">{{tx.subtotal|currency:'':2}} {{tx.currency}}</span>
diff --git a/src/css/main.css b/src/css/main.css
index 9b6244a9c..0f3fdf3ef 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -502,6 +502,12 @@ input[type=number]::-webkit-outer-spin-button {
   border: 1px solid #4B6178;
 }
 
+.label.outline.gray {
+  font-size: 90%;
+  background: transparent;
+  border: 1px solid #A9B6C2;
+}
+
 .label.success {background-color: #1ABC9C;}
 .label.alert {background-color: #ED4A43;}
 .label.gray {background-color: #4B6178;}
@@ -1046,6 +1052,10 @@ input.ng-invalid-match, input.ng-invalid-match:focus {
   font-size: 14px;
 }
 
+.bg-gray {
+  background-color: #F1F3F5;
+}
+
 .bg-circle {
   background: #253547;
   border-radius: 100%;