AvailableImportersModal now lists only those with manual colleciton setting when coming from Items Page.

src/admin/components/lists/collections-list.vue

@@ -64,7 +64,7 @@
                         </th>
                         <!-- Total Items -->
                         <th v-if="!isOnTrash">
-                            <div class="th-wrap">{{ $i18n.get('label_total_items') }}</div>
+                            <div class="th-wrap total-items-header">{{ $i18n.get('label_total_items') }}</div>
                         </th>
                         <th class="actions-header">
                             &nbsp;
@@ -399,6 +399,10 @@ export default {
     img.table-thumb {
         border-radius: 50px !important;
     }
+
+    .total-items-header {
+        text-align: right;
+    }
     
 </style>
 

src/admin/components/other/available-importers-modal.vue

@@ -14,6 +14,7 @@
                             class="importer-type"
                             v-for="importerType in availableImporters"
                             :key="importerType.slug"
+                            v-if="!(hideWhenManualCollection && !importerType.manual_collection)"
                             @click="onSelectImporter(importerType)">
                         <h4>{{ importerType.name }}</h4>
                         <p>{{ importerType.description }}</p>            
@@ -45,7 +46,8 @@ import { mapActions } from 'vuex';
 export default {
     name: 'AvailableImportersModal',
     props: {
-        targetCollection: Number
+        targetCollection: Number,
+        hideWhenManualCollection: false
     },
     data(){
         return {
@@ -94,7 +96,7 @@ export default {
                 border-bottom: none;
             }
             &:hover {
-                background-color: $primary-lighter;
+                background-color: $tainacan-input-background;
             }
         }
     }