Tool Icons

Signed-off-by: Armen Kesablyan <armen@motorola.com>

1 files changed, 16 insertions, 7 deletions

diff --git a/scss/imports/scss/_toolbar.scss b/scss/imports/scss/_toolbar.scss
index 4d460bad..429fe427 100644
--- a/scss/imports/scss/_toolbar.scss
+++ b/scss/imports/scss/_toolbar.scss
@@ -17,7 +17,7 @@
 }
 
 .toolsList {
-    width:30px;
+    width:29px;
     margin:auto;
 }
 
@@ -29,22 +29,31 @@
 }
 
 .toolbutton {
-    width:30px;
-    height:30px;
+    width:29px;
+    height:29px;
     background-position: center center;
     background-repeat: no-repeat;
-    -webkit-border-radius:4px;
-    opacity: 0.6;
+    border-radius:3px;
+    opacity: 1;
     margin-bottom: 2px;
+    -webkit-transform: scale(0.8);
+    -webkit-transition: 0.15s all cubic-bezier(.44,.19,0,.99);
 }
 
 .toolsList .toolbutton:hover, .toolsList .active {
-    box-shadow: inset 0px 0px 8px #999;
+    box-shadow:  0px 0px 2px 2px #999;
+
+    -webkit-transform: scale(1);
     opacity: 1;
 }
 
+.toolsList .toolbutton:active {
+    background-color: #8c8c8c;
+}
+
 .toolsList .active {
-    background-color:#555;
+    box-shadow: inset 0px 0px 2px 2px #555;
+    background-color:#363636;
 }
 
 .SelectionTool {