new toolbar css

h/sass/app.scss

@@ -222,52 +222,62 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   text-align: right;
 }
 
-//H BAR
+
+//TOOL BAR
 #toolbar {
+  @include pie-clearfix;
   @include smallshadow;
   background: white;
   border: 1px solid $grayLighter;
-  border-right: 0;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
-  line-height: 1.2;
+  left: 1px;
   margin-top: .5em;
   padding: .3em;
-  padding-right: 1em;
   position: absolute;
   width: 100%;
   z-index: 5;
-
-  & > * {
-    display: inline-block;
-    vertical-align: bottom;
-  }
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
 
   .tri {
     @include icon("tri-left.png");
-    width: 1.2em;
-    height: 1.2em;
+    float: left;
+    display: inline-block;
+    width: 1.5em;
+    height: 1.5em;
     cursor: pointer;
   }
 
   &.shown {
     .tri {
       @include icon("tri-right.png");
+      margin-right: .7em;
     }
   }
 
-  .pull-right {
-    border-left: thin solid $grayLighter;
+  .tinyman {
+    float: right;
+    display: inline-block;
+    height: 1.5em;
+    margin-right: 1em;
+    border-left: 1px solid $grayLighter;
     padding-left: .3em;
-  }
-
-  #persona {
-    span {
-      @extend .btn-link;
+    opacity: .5;
+    img {
+      height: 98%;
+      border-radius: 2px;
+    }
+    a {
+      vertical-align: top;
+      @include linkbutton_right;
+      background-image: url("../images/dropdown_1.png");
     }
   }
 }
 
+
 #wrapper {
   height: 100%;
   overflow: auto;