#637: Form field/field group viewport scope - added mobile icon to PageBuilder icon fonts using IcoMoon app and adjusted styling for the mobile icon

Author: yolouiese

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/_icons.less

@@ -37,6 +37,7 @@
 @icon-pagebuilder-widgets__content: '\e918';
 @icon-pagebuilder-show__content: '\e91f';
 @icon-pagebuilder-hide__content: '\e920';
+@icon-pagebuilder-mobile__content: '\e921';
 
 .icon-pagebuilder-accordion:before {
     content: @icon-pagebuilder-accordion__content;

app/code/Magento/PageBuilder/view/adminhtml/web/css/source/form/element/_mobile.less

@@ -15,11 +15,15 @@
 
         .admin__field-tooltip {
             margin-left: 19px;
+            margin-top: .2rem;
         }
 
         .admin__field-tooltip-action {
             &:before {
-                content: url("@{baseDir}Magento_PageBuilder/css/images/form/element/mobile-icon.svg");
+                color: @color-gray-middle5;
+                content: @icon-pagebuilder-mobile__content;
+                font-family: @icon_font;
+                line-height: inherit;
             }
         }
 
@@ -28,7 +32,7 @@
             border: none;
             bottom: auto;
             box-shadow: unset;
-            left: -1.9rem;
+            left: -1.75rem;
             opacity: .9;
             padding: 6px 15px 2px;
             right: auto;