move clear:both; to the flexbox example (#13194)

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blockgrid/blockgridui.less

@@ -633,8 +633,6 @@ umb-block-grid-block {
     border-radius: @baseBorderRadius;
     box-sizing: border-box;
 
-    clear: both;// needed for layouts using float.
-
     &:hover {
         border-color: transparent;
         > button {
@@ -651,7 +649,6 @@ umb-block-grid-block {
     > button {
         position: relative;
         display: flex;
-        //width: 100%;
         align-items: center;
         justify-content: center;
         
@@ -687,7 +684,7 @@ umb-block-grid-block {
         &.umb-block-grid__clipboard-button {
             margin-left: 0;
             padding: 5px 12px;
-            font-size: 18px;// Align with block action buttons.
+            font-size: 18px;
             border-top-left-radius: 0;
             border-bottom-left-radius: 0;
 
@@ -739,7 +736,6 @@ umb-block-grid-block {
     > button {
         position: relative;
         display: flex;
-        //width: 100%;
         align-items: center;
         justify-content: center;
         

src/Umbraco.Web.UI.Client/src/views/propertyeditors/blockgrid/umbraco-blockgridlayout-flexbox.css

@@ -33,4 +33,9 @@
 .umb-block-grid__area {
     --umb-block-grid__area-calc: calc(var(--umb-block-grid--area-column-span) / var(--umb-block-grid--area-grid-columns, 1));
     width: calc(var(--umb-block-grid__area-calc) * 100%);
+}
+
+
+.umb-block-grid__actions {
+    clear: both;
 }