From 85905f7a771096b4926208668ee0ff40b02b6b2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Tue, 30 Apr 2019 15:00:31 +0200
Subject: [PATCH] fix variant error for collection tabs

---
 .../datatypepicker/datatypepicker.html        | 30 ++++++++++++-------
 .../nestedcontent/nestedcontent.controller.js |  5 ++--
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/datatypepicker/datatypepicker.html b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/datatypepicker/datatypepicker.html
index 43933f8051..2755e689b7 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/datatypepicker/datatypepicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/infiniteeditors/datatypepicker/datatypepicker.html
@@ -33,9 +33,9 @@
                     <umb-load-indicator ng-if="vm.loading"></umb-load-indicator>
                     <!-- TABS -->
                     <div ng-if="vm.showTabs">
-                        <umb-tabs-nav 
-                            ng-if="vm.tabs" 
-                            tabs="vm.tabs" 
+                        <umb-tabs-nav
+                            ng-if="vm.tabs"
+                            tabs="vm.tabs"
                             on-tab-change="vm.onTabChange(tab)">
                         </umb-tabs-nav>
                         <umb-tab-content ng-repeat="tab in vm.tabs" tab="tab" ng-if="tab.active">
@@ -49,8 +49,10 @@
                                             ng-click="vm.pickEditor(systemDataType)"
                                             class="-four-in-row">
                                             <a class="umb-card-grid-item" href="" title="{{ systemDataType.name }}">
-                                                <i class="{{ systemDataType.icon }}" ng-class="{'icon-autofill': systemDataType.icon == null}"></i>
-                                                {{ systemDataType.name }}
+                                                <span>
+                                                    <i class="{{ systemDataType.icon }}" ng-class="{'icon-autofill': systemDataType.icon == null}"></i>
+                                                    {{ systemDataType.name }}
+                                                </span>
                                             </a>
                                         </li>
                                     </ul>
@@ -69,8 +71,10 @@
                                                 <div class="umb-button__progress"></div>
                                             </div>
                                             <a class="umb-card-grid-item" href="" title="{{ dataType.name }}">
-                                                <i class="{{ dataType.icon }}" ng-class="{'icon-autofill': dataType.icon == null}"></i>
-                                                {{ dataType.name }}
+                                                <span>
+                                                    <i class="{{ dataType.icon }}" ng-class="{'icon-autofill': dataType.icon == null}"></i>
+                                                    {{ dataType.name }}
+                                                </span>
                                             </a>
                                         </li>
                                     </ul>
@@ -93,8 +97,10 @@
                                             <div class="umb-button__progress"></div>
                                         </div>
                                         <a class="umb-card-grid-item" href="" title="{{ dataType.name }}">
-                                            <i class="{{ dataType.icon }}" ng-class="{'icon-autofill': dataType.icon == null}"></i>
-                                            {{ dataType.name }}
+                                            <span>
+                                                <i class="{{ dataType.icon }}" ng-class="{'icon-autofill': dataType.icon == null}"></i>
+                                                {{ dataType.name }}
+                                            </span>
                                         </a>
                                     </li>
                                 </ul>
@@ -110,8 +116,10 @@
                                         ng-click="vm.pickEditor(systemDataType)"
                                         class="-four-in-row">
                                         <a class="umb-card-grid-item" href="" title="{{ systemDataType.name }}">
-                                            <i class="{{ systemDataType.icon }}" ng-class="{'icon-autofill': systemDataType.icon == null}"></i>
-                                            {{ systemDataType.name }}
+                                            <span>
+                                                <i class="{{ systemDataType.icon }}" ng-class="{'icon-autofill': systemDataType.icon == null}"></i>
+                                                {{ systemDataType.name }}
+                                            </span>
                                         </a>
                                     </li>
                                 </ul>
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.controller.js b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.controller.js
index f64ed84131..b53e0c4313 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.controller.js
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/nestedcontent/nestedcontent.controller.js
@@ -12,8 +12,7 @@
                 ncAlias: "",
                 ncTabAlias: "",
                 nameTemplate: ""
-            }
-            );
+            });
         }
 
         $scope.remove = function (index) {
@@ -33,7 +32,7 @@
             
             // Populate document type tab dictionary
             docTypes.forEach(function (value) {
-                $scope.docTypeTabs[value.alias] = value.variants[0].tabs;
+                $scope.docTypeTabs[value.alias] = value.tabs;
             });
         });