PB-108: User makes Columns wrap within a Column group

fix static tests for css and add y co-ordinate offset to hover over text content type settings

Author: paras89

app/code/Magento/PageBuilder/Test/Mftf/Test/AdminPageBuilderTextTest/TextVerifyTinyMCETableToolbarOnPageBuilderStageTest.xml

@@ -109,6 +109,7 @@
             <argument name="contentTypeIndex" value="1"/>
             <argument name="containerTargetType" value="PageBuilderColumnContentType"/>
             <argument name="containerTargetIndex" value="3"/>
+            <argument name="offsetYCoordinate" value="10"/>
         </actionGroup>
 
         <!-- Initialize TinyMCE Table Toolbar & Verify All Table Toolbar Menu Items are Visible -->
@@ -168,6 +169,7 @@
             <argument name="contentTypeIndex" value="1"/>
             <argument name="containerTargetType" value="PageBuilderColumnContentType"/>
             <argument name="containerTargetIndex" value="1"/>
+            <argument name="offsetYCoordinate" value="10"/>
         </actionGroup>
 
         <!-- Initialize TinyMCE Table Toolbar & Verify All Table Toolbar Menu Items are Visible Again -->

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/block/_mobile.less

@@ -8,7 +8,8 @@
 .mobile-viewport {
     .pagebuilder-content-type.pagebuilder-block {
         .rendered-content {
-            .pagebuilder-column-group, .pagebuilder-column-line {
+            .pagebuilder-column-group,
+            .pagebuilder-column-line {
                 flex-wrap: wrap;
                 .pagebuilder-column {
                     flex-basis: 100%;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/content-type/column-line/_default.less

@@ -5,6 +5,7 @@
 
 //
 //  Default appearance styles
+//
 //  _____________________________________________
 
 .pagebuilder-column-line {
@@ -13,13 +14,13 @@
 
     .bottom-drop-placeholder,
     .column-drop-placeholder {
-        background: rgba(142, 0, 6, 0.3);
+        background: #8e00064d;
         display: none;
         height: 30px;
         z-index: 26;
     }
 
-   > .element-children {
+    > .element-children {
         display: flex;
         width: 100%;
     }