Tweaks to style

1. Bottom margin on checkbox (prevent scrolling when it's the last element)
2. Icon buttons behavior outside of list

Author: jweisman

angular-lib/src/angular/ui/styles/cloudapp.scss

@@ -44,7 +44,7 @@ body[class*=cloudapp-theme]
     background-color: #d5d5d5;
   }
   .mat-checkbox {
-    margin-top: 3px;
+    margin: 3px 0 12px;
   }
   .mat-card-header-text {
     margin-left: 0;
@@ -67,20 +67,24 @@ body[class*=cloudapp-theme]
     padding-bottom: 5px;
     height: unset;
   }
+  /* Buttons */
+  i.eca-button,
+  i.cloudapp-button {
+    cursor: pointer;
+    padding: 7px;
+    border-radius: 50%;
+    &:hover {
+      background-color: #E5E5E5;
+    }
+    &:first-of-type {
+      margin-left: auto;
+    }
+  }
   /* List buttons */
   .mat-list-item {
     i.eca-button,
     i.cloudapp-button {
       visibility: hidden;
-      cursor: pointer;
-      padding: 7px;
-      border-radius: 50%;
-      &:hover {
-        background-color: #E5E5E5;
-      }
-      &:first-of-type {
-        margin-left: auto;
-      }
     }
     &:hover i.eca-button,
     &:hover i.cloudapp-button {