update add button

UmbracoPackages/App_Plugins/brothers.uNesting/uNesting.css

@@ -151,9 +151,44 @@
 }
 
 
+/* content */
+
+.unesting-content .unesting-item-header,
+.unesting-content .unesting-item
+{
+  background: none;
+}
+
+
+/* footer */
+
+.unesting-footer
+{ 
+  text-align: left;
+}
+
+.unesting-items:not(.is-hidden) + .unesting-footer
+{
+  margin-top: 20px;
+}
+
+
 /* data type overrides */
 
 .unesting-item .umb-sortable-thumbnails li
 {
   background: none;
 }
+
+
+/* generic overrides */
+
+.btn-info
+{
+  color: #454957;
+}
+
+.btn
+{
+  font-size: 14px;
+}

UmbracoPackages/App_Plugins/brothers.uNesting/uNesting.html

@@ -6,7 +6,13 @@
 
   <ng-form ng-if="inited">
 
-    <div class="umb-nested-content__items" ng-hide="nodes.length === 0" ui-sortable="sortableOptions" ng-model="nodes">
+    <div ng-hide="hasContentTypes">
+      <div class="umb-nested-content__help-text">
+        <localize key="content_nestedContentNoContentTypes"></localize>
+      </div>
+    </div>
+
+    <div class="unesting-items" ng-hide="nodes.length === 0" ng-class="{ 'is-hidden': nodes.length === 0 }" ui-sortable="sortableOptions" ng-model="nodes">
 
       <div class="unesting-item" ng-repeat="node in nodes" ng-class="{ 'umb-nested-content__item--active' : $parent.realCurrentNode.key === node.key, 'umb-nested-content__item--single' : $parent.singleMode, 'is-hidden': $index === 1 }">
 
@@ -63,23 +69,17 @@
 
         </div>
 
-        <div class="umb-nested-content__content" ng-if="$parent.realCurrentNode.key === node.key && !$parent.sorting">
+        <div class="umb-nested-content__content unesting-content" ng-if="$parent.realCurrentNode.key === node.key && !$parent.sorting">
           <umb-nested-content-editor ng-model="node" tab-alias="ncTabAlias" />
         </div>
       </div>
 
     </div>
 
-    <div ng-hide="hasContentTypes">
-      <div class="umb-nested-content__help-text">
-        <localize key="content_nestedContentNoContentTypes"></localize>
-      </div>
-    </div>
-
-    <div class="umb-nested-content__footer-bar" ng-hide="hasContentTypes === false || nodes.length >= maxItems">
-      <a href class="umb-nested-content__add-content" ng-class="{ '--disabled': !scaffolds.length }" ng-click="openNodeTypePicker($event)" prevent-default>
+    <div class="unesting-footer" ng-hide="hasContentTypes === false || nodes.length >= maxItems">
+      <button type="button" class="btn btn-info" ng-class="{ '--disabled': !scaffolds.length }" ng-click="openNodeTypePicker($event)">
         <localize key="grid_addElement"></localize>
-      </a>
+      </button>
     </div>
 
   </ng-form>