chore(Interface): update elements, and stencil selection.

app/styles/draw.scss

@@ -66,5 +66,11 @@
 }
 
 .stencil.selected-stencil {
-    background-color: blue;
+    background-color: #5492FF;
+}
+
+.stencil-item {
+  height: 85px;
+  margin-top: 10px;
+  text-align: center;
 }

app/styles/layout.scss

@@ -24,6 +24,7 @@ $sidebar-left-height: 300px;
         padding-top: 15px;
         // max-height: $sidebar-left-height;
         overflow-y: scroll;
+        overflow-x: hidden;
       }
 
     }

app/views/draw.html

@@ -40,8 +40,8 @@
                 <div class="stencil col-xs-6 col-md-4 col-lg-4"
                 draggable="true" data-drag="true" jqyoui-draggable ng-model="stencil"
                 data-jqyoui-options="{helper: 'clone', animate: true, placeholder: 'keep'}">
-                  <a href="" class="thumbnail" ng-click="addStencil(stencil)">
-                    <img ng-src="{{stencil.icon}}" ng-alt="{{stencil.title}}">
+                  <a href="" class="thumbnail stencil-item" ng-click="addStencil(stencil)">
+                    <!-- <img ng-src="{{stencil.icon}}" ng-alt="{{stencil.title}}"> -->
                     <span class="stencil-name">{{stencil.title}}</span>
                     <span class="stencil-type label label-info">{{stencil.category}}</span>
                   </a>
@@ -194,6 +194,7 @@
         </li>
         <li><a href="#settings" role="tab" data-toggle="tab">Diagram 4</a>
         </li>
+        <li class="pull-right"><a href="#report" role="tab" data-toggle="tab">Reports</a></li>
       </ul>
 
       <!-- Tab panes -->