From 4ec9a4965a62fc65ebc2199acb6bd213053fd2af Mon Sep 17 00:00:00 2001
From: Sean Li <mail@shang.li>
Date: Mon, 8 Jun 2015 12:11:54 -0700
Subject: [PATCH] Fixing plus button.

---
 src/components/Containers.react.js | 2 +-
 styles/left-panel.less             | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/Containers.react.js b/src/components/Containers.react.js
index 7651a567a0..b480184a09 100644
--- a/src/components/Containers.react.js
+++ b/src/components/Containers.react.js
@@ -162,7 +162,7 @@ var Containers = React.createClass({
               <h4>Containers</h4>
               <div className="create">
                 <Router.Link to="new">
-                  <span className="btn-new icon icon-add"></span>
+                  <span className="btn btn-new btn-action circular"><span className="icon icon-add"></span></span>
                 </Router.Link>
               </div>
             </section>
diff --git a/styles/left-panel.less b/styles/left-panel.less
index 0e0607bcfe..f35ab23596 100644
--- a/styles/left-panel.less
+++ b/styles/left-panel.less
@@ -47,10 +47,11 @@
           }
         }
         .btn-new {
-          display: block;
-          font-size: 24px;
           color: @brand-action;
           transition: all 0.25s;
+          .icon {
+            font-size: 14px;
+          }
           &:hover {
             color: darken(@brand-action, 15%);
           }