Make Block List configuration consistent with Block Grid (#15087)

src/Umbraco.Web.UI.Client/src/views/components/blockcard/umb-block-card-grid.less

@@ -1,7 +1,7 @@
 .umb-block-card-grid {
     display: grid;
     grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-    grid-auto-rows: minmax(30px, auto);
+    grid-auto-rows: minmax(150px, auto);
     gap: 20px;
     margin-bottom: 20px;
 }

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blockgrid/prevalue/blockgrid.blockconfiguration.less

@@ -1,32 +1,29 @@
 .umb-block-grid-block-configuration {
+  margin-bottom: 20px;
 
-    margin-bottom: 20px;
+  uui-button {
+    --uui-button-border-radius: 6px;
+    font-weight: 700;
+    min-height: 80px;
+  }
 
-    uui-button {
-        font-weight: 700;
-        --uui-button-border-radius: 6px;
-        min-height: 80px;
+  .__get-sample-box {
+    position: relative;
+    border: 1px solid @gray-10;
+    border-radius: 6px;
+    box-shadow: 3px 3px 6px rgba(0, 0, 0, .07);
+    padding-left: 40px;
+    padding-right: 40px;
+    padding-top: 15px;
+    padding-bottom: 20px;
+    margin-bottom: 40px;
+    max-width: 480px;
+
+    umb-button {
+      margin-left: auto;
+      margin-right: 0;
+      display: block;
+      width: fit-content;
     }
-
-    .__get-sample-box {
-        position:relative;
-        border: 1px solid @gray-10;
-        border-radius: 6px;
-        box-shadow: 3px 3px 6px rgba(0, 0, 0, .07);
-
-        padding-left: 40px;
-        padding-right: 40px;
-        padding-top: 15px;
-        padding-bottom: 20px;
-        margin-bottom: 40px;
-        max-width: 480px;
-
-        umb-button {
-            margin-left: auto;
-            margin-right: 0;
-            display: block;
-            width: fit-content;
-        }
-    }
-
+  }
 }

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/prevalue/blocklist.blockconfiguration.html

@@ -18,8 +18,9 @@
             </div>
         </umb-block-card>
 
-        <button type="button" id="{{model.alias}}" class="btn-reset __add-button" ng-click="vm.openAddDialog($event)">
-            <localize key="general_add">Add</localize>
-        </button>
+        <uui-button id="{{model.alias}}" look="{{model.value.length === 0 ? 'primary' : 'placeholder'}}" color="primary" ng-click="vm.openAddDialog($event)">
+          <localize key="blockEditor_addBlockType">Add Block</localize>
+        </uui-button>
+
     </div>
 </div>

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blocklist/prevalue/blocklist.blockconfiguration.less

@@ -1,5 +1,11 @@
 .umb-block-list-block-configuration {
 
+    uui-button {
+      --uui-button-border-radius: 6px;
+      font-weight: 700;
+      min-height: 80px;
+    }
+
     .__add-button {
         position: relative;
         display: inline-flex;