MC-5723: Flaky MFTF Map Tests - Google Maps Rate Limit Reached

- Fix error message in small columns

Author: davemacaulay

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_google-map.less

@@ -10,13 +10,15 @@
 .google-map-auth-failure-placeholder {
     align-items: center;
     background: @color-pagebuilder-lighter-gray;
-    color: @entity-background-color;
     display: flex;
     height: 100%;
     justify-content: center;
     width: 100%;
 
-    a {
-        margin: 0 3px;
+    p {
+        color: @entity-background-color;
+        margin-bottom: 0;
+        max-width: 80%;
+        text-align: center;
     }
 }

app/code/Magento/PageBuilder/view/adminhtml/web/template/content-type/map/default/preview.html

@@ -6,7 +6,7 @@
 -->
 
 <div class="pagebuilder-content-type pagebuilder-map" event="{ mouseover: onMouseOver, mouseout: onMouseOut }, mouseoverBubble: false">
-    <div visible="!apiKeyValid()" class="google-map-auth-failure-placeholder" html="apiKeyErrorMessage"></div>
+    <div visible="!apiKeyValid()" class="google-map-auth-failure-placeholder"><p html="apiKeyErrorMessage"></p></div>
     <div visible="apiKeyValid" attr="data.main.attributes" css="data.main.css" ko-style="data.main.style" afterRender="renderMap"></div>
     <render args="getOptions().template" />
 </div>

app/code/Magento/PageBuilder/view/adminhtml/web/template/form/element/map.html

@@ -6,7 +6,7 @@
 -->
 
 <div class="admin__field admin__field-map">
-    <div visible="!apiKeyValid()" class="google-map-auth-failure-placeholder" html="apiKeyErrorMessage"></div>
+    <div visible="!apiKeyValid()" class="google-map-auth-failure-placeholder"><p html="apiKeyErrorMessage"></p></div>
     <div visible="apiKeyValid" class="map-field" afterRender="renderMap"></div>
     <div attr="id: uid, name: inputName">
         <input type="text" ko-value="value().longitude" attr="name: inputName + '.longitude'"/>