Move property classes to be able to remove margin-bottom from last property in list. Set margin-bottom on last property to 0.

src/Umbraco.Web.UI.Client/src/less/pages/document-type-editor.less

@@ -195,10 +195,8 @@
     min-height: 50px;
   }
 
-  .edt-property{
+  .edt-property {
     position: relative;
-    display: flex;
-    flex-flow: row;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     margin-bottom: 5px;
@@ -210,6 +208,15 @@
     }
   }
 
+  .edt-property:last-child {
+    margin-bottom: 0;
+  }
+
+  .edt-property-content {
+    display: flex;
+    flex-flow: row;
+  }
+
   .edt-property-meta {
     flex: 0 0 175px;
     margin-right: 20px;

src/Umbraco.Web.UI.Client/src/views/documenttype/views/design/design.html

@@ -42,10 +42,10 @@
             <div class="edt-property-group">
                 <ul class="edt-property-list no-style-list" ui-sortable="sortableOptionsEditor"
                     ng-model="tab.properties" class="no-style-list">
-                    <li ng-repeat="property in tab.properties">
+                    <li ng-repeat="property in tab.properties" class="edt-property" ng-class="{'active': property.dialogIsOpen, 'property-state-active animated fadeIn': property.propertyState=='active', 'property-state-init animated fadeIn': property.propertyState=='init', 'property-is-inherited': property.inherited, 'edt-property-handle': sortingMode}">
 
                         <!-- Init property / Property placeholder / add new property -->
-                        <div class="edt-property" ng-show="property.propertyState=='init'" ng-class="{'property-state-init animated fadeIn': property.propertyState=='init'}" ng-click="editPropertyTypeSettings(property)">
+                        <div class="edt-property-content" ng-if="property.propertyState=='init'" ng-click="editPropertyTypeSettings(property)">
 
                             <div class="edt-property-meta">
                                 <div class="placeholder-input-small"></div>
@@ -65,7 +65,7 @@
 
                         </div>
 
-                        <div class="edt-property" ng-show="property.propertyState!=='init'" ng-class="{'active': property.dialogIsOpen, 'property-state-active animated fadeIn': property.propertyState=='active', 'property-is-inherited': property.inherited, 'edt-property-handle': sortingMode}">
+                        <div class="edt-property-content" ng-if="property.propertyState!=='init'">
 
                             <!-- property meta text -->
                             <div class="edt-property-meta">