add new grabber icon and tweak styles to better fit space (#7019)

public/app/features/panel/panel_directive.ts

@@ -190,7 +190,7 @@ module.directive('grafanaPanel', function($rootScope) {
 module.directive('panelResizer', function($rootScope) {
   return {
     restrict: 'E',
-    template: '<span class="resize-panel-handle fa fa-signal"></span>',
+    template: '<span class="resize-panel-handle icon-gf icon-gf-grabber"></span>',
     link: function(scope, elem) {
       var resizing = false;
       var lastPanel;

public/fonts/grafana-icons.svg

@@ -59,4 +59,5 @@
 <glyph unicode="&#xe908;" glyph-name="gf-page" horiz-adv-x="1325" d="M329.8 818c0-20.435-16.565-37-37-37s-37 16.565-37 37c0 20.435 16.565 37 37 37s37-16.565 37-37zM424.3 818c0-20.435-16.565-37-37-37s-37 16.565-37 37c0 20.435 16.565 37 37 37s37-16.565 37-37zM650.2 206h369.7v-82.2h-369.7v82.2zM650.2 345.6h369.7v-82.2h-369.7v82.2zM650.2 485.3h369.7v-82.2h-369.7v82.2zM292.8 624.9h722.9v-82.2h-722.9v82.2zM288.7 485.3h295.7v-361.5h-295.7v361.5zM987 957.6h-649c-102.7 0-184.8-82.2-184.8-184.8v-649c0-102.7 82.1-184.8 184.8-184.8h649c102.7 0 184.8 82.2 184.8 184.8v649c-4.1 102.7-86.2 184.8-184.8 184.8zM1130.8 127.9c0-78-65.7-143.8-143.8-143.8h-649c-78 0-143.8 65.7-143.8 143.8v571h936.4l0.2-571zM1130.8 735.8h-932.5v37c0 78 65.7 143.8 143.8 143.8h649c78 0 143.8-65.7 143.8-143.8v-37h-4.1z" />
 <glyph unicode="&#xe909;" glyph-name="gf-pending" horiz-adv-x="1325" d="M663.5 960c-283 0-512.5-229.5-512.5-512.5s229.5-512.5 512.5-512.5c283 0 512.5 229.5 512.5 512.5s-229.5 512.5-512.5 512.5zM895.6 86.1l-13.6 23.6c-5.7 9.9-18.3 13.3-28.2 7.6s-13.3-18.3-7.6-28.2l13.6-23.7c-53.1-27.4-112.6-43.8-175.7-46.8v27.9c0 11.4-9.2 20.6-20.6 20.6s-20.6-9.2-20.6-20.6v-27.9c-63.2 3-122.8 19.5-176.1 47l14.4 25c5.7 9.9 2.3 22.5-7.5 28.2-9.8 5.6-22.5 2.3-28.2-7.6l-14.4-24.9c-51.7 33.4-95.7 77.5-129 129.2l25.5 14.7c9.9 5.7 13.3 18.3 7.5 28.2-5.6 9.9-18.3 13.3-28.2 7.6l-25.5-14.7c-27.6 53.4-44 113.3-46.9 176.7h29.8c11.4 0 20.6 9.2 20.6 20.6s-9.2 20.6-20.6 20.6h-29.7c3.2 63.4 19.9 123.3 47.8 176.6l26-15c3.3-1.9 6.8-2.8 10.3-2.8 7.1 0 14.1 3.7 17.9 10.3 5.7 9.9 2.3 22.5-7.5 28.2l-25.8 14.9c33.7 51.6 78.1 95.4 130 128.5l14.7-25.5c3.8-6.6 10.8-10.3 17.9-10.3 3.5 0 7.1 0.9 10.3 2.8 9.9 5.7 13.3 18.3 7.5 28.2l-14.6 25.3c53.5 27.2 113.3 43.4 176.7 46v-28.7c0-11.4 9.2-20.6 20.6-20.6s20.6 9.2 20.6 20.6v28.4c63.1-3.5 122.7-20.3 175.7-48.1l-14.1-24.4c-5.7-9.9-2.3-22.5 7.5-28.2 3.3-1.9 6.8-2.8 10.3-2.8 7.1 0 14.1 3.7 17.9 10.3l13.9 24.1c51.2-33.6 94.7-77.8 127.6-129.5l-23.6-13.6c-9.9-5.7-13.3-18.3-7.5-28.2 3.8-6.6 10.8-10.3 17.9-10.3 3.5 0 7.1 0.9 10.3 2.8l23.4 13.5c27.1-53.2 43.3-112.6 46-175.6h-26.8c-11.4 0-20.6-9.2-20.6-20.6s9.2-20.6 20.6-20.6h26.7c-3.3-62.9-19.8-122.2-47.4-175.1l-23.4 13.5c-9.9 5.7-22.6 2.3-28.2-7.6-5.7-9.9-2.3-22.5 7.5-28.2l23.2-13.4c-33-51.2-76.9-94.8-128.3-128zM479.7 648.9c-15.3-16.9-13.9-43 3-58.3l142.5-128.8v-311.1c0-22.8 18.5-41.3 41.3-41.3s41.3 18.5 41.3 41.3v347.8l-169.8 153.4c-16.8 15.2-43 13.9-58.3-3z" />
 <glyph unicode="&#xe90a;" glyph-name="gf-verified" horiz-adv-x="1325" d="M1046.8 328.4l-1 16.8 9.3 14.1 58.2 88.7-58.2 88.7-9.3 14.1 1 16.9 6.3 105.7-110 55.1-55.1 110-122.7-7.2-14.1 9.3-88.7 58.2-102.8-67.5-122.6 7.2-47.4-94.6-7.6-15.3-15.3-7.6-94.8-47.5 6.2-105.8 1-16.8-9.3-14.1-58.3-88.8 58.2-88.7 9.3-14-1-16.9-6.1-105.8 109.9-55 7.6-15.3 47.4-94.7 122.7 7.2 14.1-9.3 88.7-58.2 102.6 67.4 122.8-7.2 47.5 94.8 7.6 15.3 110 55.1-6.1 105.7zM579.3 211.2l-198.4 198.4 83.1 93.5 126.7-126.7 266.2 266.2 76.8-76.8-354.4-354.6zM1174.5 448l-76.8 116.6 8.2 139.3-124.8 62.7-62.6 124.8-139.3-8.2-116.7 76.8-116.6-76.8-139.3 8.2-62.6-124.8-124.9-62.6 8.2-139.3-76.8-116.7 76.8-116.6-8.2-139.3 124.8-62.6 62.6-124.9 139.3 8.2 116.7-76.8 116.6 76.8 139.3-8.2 62.6 124.8 124.8 62.6-8.2 139.3 76.9 116.7zM944.3 147.7l-50.5-100.7-126 7.4-11.1-7.4-94.2-61.8-105.5 69.3-126-7.4-50.4 100.6-6.1 12.3-12.3 6.1-100.5 50.4 6.6 112.4 0.8 13.5-7.5 11.3-61.9 94.3 61.8 94.2 7.5 11.3-0.8 13.5-6.6 112.4 112.9 56.6 6.1 12.3 50.4 100.5 125.9-7.4 11.3 7.5 94.2 61.8 105.5-69.3 126 7.4 50.4-100.6 6.1-12.3 12.3-6.1 100.6-50.4-6.7-112.3-0.8-13.5 7.5-11.3 61.8-94.2-61.8-94.2-7.5-11.3 0.8-13.5 6.6-112.5-112.9-56.5-6-12.4z" />
+<glyph unicode="&#xe90b;" glyph-name="gf-grabber" horiz-adv-x="1280" d="M990 942.5c-86.6 0-154.5-67.8-154.5-154.5s67.9-154.4 154.5-154.4 154.5 67.8 154.5 154.5-67.9 154.4-154.5 154.4v0 0zM990 602.5c-86.6 0-154.5-67.8-154.5-154.5s67.9-154.5 154.5-154.5 154.5 67.8 154.5 154.5-67.9 154.5-154.5 154.5v0zM990 262.4c-86.6 0-154.5-67.8-154.5-154.5s67.8-154.5 154.5-154.5 154.5 67.8 154.5 154.5-67.9 154.5-154.5 154.5v0zM650 602.5c-86.6 0-154.5-67.8-154.5-154.5s67.9-154.5 154.5-154.5 154.5 67.9 154.5 154.5-67.9 154.5-154.5 154.5v0zM650 262.4c-86.6 0-154.5-67.8-154.5-154.5s67.8-154.5 154.5-154.5 154.5 67.8 154.5 154.5-67.9 154.5-154.5 154.5v0zM310 262.4c-86.6 0-154.5-67.8-154.5-154.5s67.8-154.5 154.5-154.5 154.5 67.8 154.5 154.5-67.9 154.5-154.5 154.5v0z" />
 </font></defs></svg>

public/sass/base/_grafana_icons.scss

@@ -143,6 +143,9 @@
 .icon-gf-bulk_action:before {
     content: "\e61c";
 }
+.icon-gf-grabber:before {
+  content: "\e90b";
+} 
 .icon-gf-users:before {
     content: "\e622";
 }

public/sass/pages/_dashboard.scss

@@ -231,17 +231,17 @@ div.flot-text {
 .resize-panel-handle {
   cursor: nwse-resize;
   position: absolute;
+  font-size: 10px;
   bottom: 0;
   right: 0;
   width: 15px;
   height: 15px;
   display: block;
   color: $text-color-faint;
-  overflow: hidden;
 
   &:before {
     left: initial;
-    right: -5px;
+    right: -1px;
     bottom: 0px;
     position: absolute;
   }