now with unpairing button. The button location and styling is very broken.

static/css/style.css

@@ -9,11 +9,14 @@
     width: 100%;
 }
 .mdl-cell {
-    background:#44c763;
     text-align: center;
     color:#fff;
     padding:25px;
-} 
+}
+.host-container {
+    position: relative;
+    cursor: pointer;
+}
 #backIcon {
     height: 32px;
     width: 32px;
@@ -107,8 +110,26 @@ main {
     margin-top: 10px;
     margin-bottom: 10px;
 }
+.remove-host {
+    position:absolute;
+    right:0px;
+    top:0px;
+    width:24px;
+    height:24px;
+    margin-top: 10px;
+    margin-right: 15px;
+    /*to account for the shadow*/
+    cursor:pointer;
+    z-index: 5;
+    background: url('\\static\\res\\ic_remove_circle_white_24px.svg') no-repeat;
+    border: 0;
+    cursor: pointer;
+}
+/*.remove-host:hover, .remove-host:focus {
+    background-image: url('\\static\\res\\ic_remove_circle_white_24px.svg');
+}*/
 #pairButton {
-    margin: 3px;s
+    margin: 3px;
 }
 #showAppsButton {
     margin: 3px;
@@ -127,7 +148,7 @@ main {
     border: none !important;
 }
 .box-art {
-    background-color: transparent;;
+    background-color: transparent;
 }
 .box-art > img {
     padding: 0;
@@ -175,7 +196,7 @@ main {
     filter: invert(100%);
 }
 .host-cell img {
-    width: 80px;;
+    width: 80px;
     margin-bottom: 10px;
 }
 .cancel-current:hover {