From 1de9ec3259f78da54e20d487f61941d567d7b8ac Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Tue, 29 Oct 2019 20:53:03 +0100
Subject: [PATCH] Use umb-checkbox in doctype collection (#6719)

---
 .../src/less/utilities/_spacing.less          | 14 +++++++++++
 .../src/views/documenttypes/create.html       | 24 +++++++++++--------
 2 files changed, 28 insertions(+), 10 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/utilities/_spacing.less b/src/Umbraco.Web.UI.Client/src/less/utilities/_spacing.less
index 6c38aa4a31..787e50f204 100644
--- a/src/Umbraco.Web.UI.Client/src/less/utilities/_spacing.less
+++ b/src/Umbraco.Web.UI.Client/src/less/utilities/_spacing.less
@@ -67,4 +67,18 @@
 .ml6 { margin-left: @spacing-extra-extra-large; }
 .ml7 { margin-left: @spacing-extra-extra-extra-large; }
 
+.mr0 { margin-right: @spacing-none; }
+.mr1 { margin-right: @spacing-extra-small; }
+.mr2 { margin-right: @spacing-small; }
+.mr3 { margin-right: @spacing-medium; }
+.mr4 { margin-right: @spacing-large; }
+.mr5 { margin-right: @spacing-extra-large; }
+.mr6 { margin-right: @spacing-extra-extra-large; }
+.mr7 { margin-right: @spacing-extra-extra-extra-large; }
+
 .p0 { padding: @spacing-none; }
+
+.pt0 { padding-top: @spacing-none; }
+.pb0 { padding-bottom: @spacing-none; }
+.pl0 { padding-left: @spacing-none; }
+.pr0 { padding-right: @spacing-none; }
diff --git a/src/Umbraco.Web.UI.Client/src/views/documenttypes/create.html b/src/Umbraco.Web.UI.Client/src/views/documenttypes/create.html
index a618de269d..2d638dd00d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/documenttypes/create.html
+++ b/src/Umbraco.Web.UI.Client/src/views/documenttypes/create.html
@@ -28,7 +28,7 @@
                         <i class="large icon icon-thumbnail-list"></i>
                         <span class="menu-label">
                             Document Type Collection...
-                            <!--                        <localize key="content_documentType_collection">Document Type Collection</localize>-->
+                            <!--<localize key="content_documentType_collection">Document Type Collection</localize>-->
                         </span>
                     </button>
                 </li>
@@ -82,22 +82,26 @@
                 <umb-control-group>
                     <label for="collectionName" class="control-label">Name of the Parent Document Type</label>
                     <input type="text" name="collectionName" id="collectionName" ng-model="model.collectionName" class="umb-textstring textstring input-block-level" umb-auto-focus required />
-                    <span ng-if="model.disableTemplates === false">
-                    <input id="collectionCreateTemplate" name="collectionCreateTemplate" type="checkbox" ng-model="model.collectionCreateTemplate" style="margin-top: 0;" />
-                    <label for="collectionCreateTemplate" style="margin-bottom: 0; padding-left: 2px;">Create template for the Parent Document Type</label>
-                    </span>
+
+                    <umb-checkbox ng-if="model.disableTemplates === false"
+                                  name="collectionCreateTemplate"
+                                  model="model.collectionCreateTemplate"
+                                  text="Create template for the Parent Document Type" />
                 </umb-control-group>
 
                 <umb-control-group>
                     <label for="collectionItemName" class="control-label">Name of the Item Document Type</label>
                     <input type="text" name="collectionItemName" id="collectionItemName" ng-model="model.collectionItemName" class="umb-textstring textstring input-block-level" required />
-                    <span ng-if="model.disableTemplates === false">
-                    <input id="collectionItemCreateTemplate" name="collectionItemCreateTemplate" type="checkbox" ng-model="model.collectionItemCreateTemplate" style="margin-top: 0;" />
-                    <label for="collectionItemCreateTemplate" style="margin-bottom: 0; padding-left: 2px;">Create template for the Item Document Type</label>
-                    </span>
+
+                    <umb-checkbox ng-if="model.disableTemplates === false"
+                                  name="collectionItemCreateTemplate"
+                                  model="model.collectionItemCreateTemplate"
+                                  text="Create template for the Item Document Type" />
                 </umb-control-group>
 
-                <button type="submit" class="btn btn-primary"><localize key="general_create">Create</localize></button>
+                <div class="mt3">
+                    <button type="submit" class="btn btn-primary"><localize key="general_create">Create</localize></button>
+                </div>
             </form>
         </div>
     </div>