fix: too small sortable handle for ACP>Manage>Categories

The handle was initially just the icon, but now it is the icon
and the category label itself.

public/less/admin/manage/categories.less

@@ -68,6 +68,10 @@ div.categories {
 		}
 	}
 
+	.information {
+		cursor: move;
+		padding-left: 3rem;
+
 		.icon {
 			width: 24px;
 			height: 24px;
@@ -77,15 +81,12 @@ div.categories {
 			vertical-align: bottom;
 			background-size: cover;
 			float: left;
-		margin-right: 0px;
-		cursor: move;
+			margin-right: 1rem;
+
 			.fa {
 				font-size: 85%;
 			}
 		}
-
-	.information {
-		padding-left: 60px;
 	}
 
 	.category-header {

public/src/admin/manage/categories.js

@@ -291,7 +291,7 @@ define('admin/manage/categories', [
 					sortables[parentId] = Sortable.create($('ul[data-cid="' + parentId + '"]')[0], {
 						group: 'cross-categories',
 						animation: 150,
-						handle: '.icon',
+						handle: '.information',
 						dataIdAttr: 'data-cid',
 						ghostClass: 'placeholder',
 						onAdd: itemDidAdd,

src/views/admin/partials/categories/category-rows.tpl

@@ -7,6 +7,7 @@
                     <div class="toggle">
                         <i class="fa fa-minus"></i>
                     </div>
+                    <div class="information">
                         <div class="icon" style="
                             color: {categories.color};
                             background-color: {categories.bgColor};
@@ -16,7 +17,6 @@
                         ">
                             <i data-name="icon" value="{categories.icon}" class="fa {categories.icon}"></i>
                         </div>
-                    <div class="information">
                         <h5 class="category-header">{categories.name}</h5>
                     </div>
                 </div>