BUG Fix incorrect drag-drop handle

Update .editorconfig to match css / scss coding conventions

.editorconfig

@@ -15,12 +15,6 @@ trim_trailing_whitespace = true
 [*.md]
 trim_trailing_whitespace = false
 
-[*.yml]
-indent_size = 2
-indent_style = space
-
-[{.travis.yml,package.json}]
-# The indent size used in the `package.json` file cannot be changed
-# https://github.com/npm/npm/pull/3180#issuecomment-16336516
+[*.{yml,js,json,css,scss,eslintrc}]
 indent_size = 2
 indent_style = space

css/GridFieldExtensions.css

@@ -24,11 +24,10 @@
 
 .add-existing-search-dialog .add-existing-search-items li a {
   background: #FFF;
-	border-bottom-width: 1px;
-	border-color: #CCC;
-	border-left-width: 1px;
+  border: solid #CCC;
   border-right-width: 1px;
-	border-style: solid;
+  border-bottom-width: 1px;
+  border-left-width: 1px;
   display: block;
   padding: 6px;
 }
@@ -132,8 +131,7 @@
 .ss-gridfield-editable select.dropdown {
   border: 1px solid #b3b3b3;
   background-color: #fff;
-	padding: 7px 7px;
-	padding-left: 4px;
+  padding: 7px 7px 7px 4px;
   line-height: 16px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
@@ -168,23 +166,13 @@
 }
 
 .ss-gridfield-orderable .col-reorder .handle {
-	position: absolute;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
   cursor: move;
+  padding: 16px 0 11px;
 }
 
 .ss-gridfield-orderable .col-reorder .handle .icon {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	width: 5px;
-	height: 11px;
-	margin: -5px 0 0 -2px;
-	background-image: url('../../framework/admin/thirdparty/jquery-ui-themes/smoothness/images/ui-icons_222222_256x240.png');
-	background-position: -5px -227px;
+  line-height: 100%;
+  font-size: 1.5em;
 }
 
 .ss-gridfield-orderhelper {

templates/Symbiote/GridFieldExtensions/GridFieldOrderableRowsDragHandle.ss

@@ -1,2 +1,2 @@
-<span class="handle"><span class="icon"></span></span>
+<div class="handle"><i class="icon font-icon-drag-handle"></i></div>
 $SortField