Better delete button.

src/components/ContainerListItem.react.js

@@ -108,7 +108,7 @@ var ContainerListItem = React.createClass({
             </div>
           </div>
           <div className="action">
-            <span className="icon icon-delete btn-delete" onClick={this.handleDeleteContainer}></span>
+            <span className="btn circular" onClick={this.handleDeleteContainer}><span className="icon icon-delete"></span></span>
           </div>
         </li>
       </Router.Link>

styles/left-panel.less

@@ -109,11 +109,13 @@
               color: white;
               opacity: 0.8;
             }
-            .btn-delete {
+            .action {
-              font-size: 24px;
+              .btn {
+                border: 1px solid white;
+                .icon {
                   color: white;
-              position: relative;
+                }
-              z-index: 9999;
+              }
             }
             .state-new {
               .at2x('container-white.png', @container-state-size, @container-state-size);
@@ -180,11 +182,11 @@
           position: relative;
           top: 0.2rem;
           text-align: right;
-          .btn-delete {
+          .btn {
-            font-size: 24px;
+            border: 1px solid @gray-lighter;
+            .icon {
               color: @gray-lighter;
-            position: relative;
+            }
-            z-index: 9999;
           }
         }
         .state {

styles/theme.less

@@ -215,6 +215,7 @@ input[type="text"] {
   &:active,
   &.active {
     background-image: none;
+    box-shadow: none;
   }
 
   &:focus,