CABPI-196: add wrapper styles

 - add note as to why we have our own view model,
 - we could change the core here but for now we will keep this as a view model,
 - add wrapper and styles for the error message,

Author: dmanners

app/code/Magento/AdminAdobeIms/ViewModel/MessageViewModel.php

@@ -25,7 +25,7 @@ public function __construct(
     }
 
     /**
-     * We are using this as the main block automatically wraps the error messages.
+     * We are using this as the core block automatically wraps the error messages.
      *
      * @see \Magento\Framework\View\Element\Messages::_renderMessagesByType
      * @param array $messages

app/code/Magento/AdminAdobeIms/view/adminhtml/templates/messages/wrapper.phtml

@@ -11,6 +11,10 @@
 $viewModel = $block->getMessageViewModel();
 ?>
 
-<?php foreach ($block->getMessageTypes() as $messageType): ?>
-    <?= $viewModel->getMessageHtml($block->getMessagesByType($messageType)) ?>
-<?php endforeach; ?>
+<?php if ($block->getMessageCollection()->getCount() !== 0): ?>
+<div class="adobe-ims-error-message-wrapper">
+    <?php foreach ($block->getMessageTypes() as $messageType): ?>
+        <?= $viewModel->getMessageHtml($block->getMessagesByType($messageType)) ?>
+    <?php endforeach; ?>
+</div>
+<?php endif; ?>

app/code/Magento/AdminAdobeIms/view/adminhtml/web/css/source/_module.less

@@ -48,6 +48,10 @@
         .adobe-ims-note {
             color: #FFFFFF;
         }
+
+        .adobe-ims-error-message-wrapper {
+            margin-bottom: 15px;
+        }
     }
 
     .adobe-ims-footer {