fix more categories button not moving with parent

fix order issue

public/src/admin/manage/categories.js

@@ -202,7 +202,7 @@ define('admin/manage/categories', [
 			// this makes sure order is correct when drag & drop is used on pages > 1
 			const baseIndex = (ajaxify.data.pagination.currentPage - 1) * ajaxify.data.categoriesPerPage;
 			modified[cid] = {
-				order: baseIndex + e.newIndex + 1,
+				order: baseIndex + e.newIndex,
 			};
 
 			if (isCategoryUpdate) {
@@ -263,7 +263,11 @@ define('admin/manage/categories', [
 				categories: categories,
 				parentCategory: parentCategory,
 			}, function (html) {
-				container.append(html);
+				if (container.find('.category-row').length) {
+					container.find('.category-row').after(html);
+				} else {
+					container.append(html);
+				}
 
 				// Disable expand toggle
 				if (!categories.length) {

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

@@ -49,11 +49,12 @@
                 </div>
             </div>
         </div>
+
+        <ul class="list-unstyled has-more-categories {{{ if !../hasMoreSubCategories}}}hidden{{{ end }}}">
+            <li>
+                <a href="{config.relative_path}/admin/manage/categories?cid={categories.cid}&page={categories.showMorePage}" class="btn btn-outline-secondary">[[category:x-more-categories, {../subCategoriesLeft}]]</a>
+            </li>
+        </ul>
     </li>
-    {{{ if ../hasMoreSubCategories}}}
+{{{ end }}}
-    <li>
-	    <a href="{config.relative_path}/admin/manage/categories?cid={categories.cid}&page={categories.showMorePage}" class="btn btn-default">[[category:x-more-categories, {../subCategoriesLeft}]]</a>
-    </li>
-	{{{ end }}}
-<!-- END categories -->
 </ul>