MAGETWO-42901: [UI] Features Platinum Partners Page - assistance

- Squashed commit

Author: Oleksandr Dubovyk

app/code/Magento/Marketplace/view/adminhtml/templates/index.phtml

@@ -17,7 +17,7 @@
         ); ?>
     </p>
     <h3 class="page-sub-sub-title"><?php /* @escapeNotVerified */ echo __('Featured Platinum Partners'); ?></h3>
-    <div data-role="partners-block">
+    <div data-role="partners-block" class="partners-block">
         <div data-role="spinner" class="admin__data-grid-loading-mask" data-bind="visible: loading">
             <div class="spinner">
                 <span></span><span></span><span></span><span></span>

app/code/Magento/Marketplace/view/adminhtml/templates/partners.phtml

@@ -11,28 +11,26 @@
 $partners = $block->getPartners();
 ?>
 <?php if ($partners) : ?>
-    <div class="row row-gutter">
-        <?php foreach ($block->getPartners() as $partner) : ?>
-            <div class="col-m-4">
-                <img
-                    class="partner-image"
-                    src="<?php echo $block->escapeHtml($partner['img']);?>"
-                    alt="<?php echo $block->escapeHtml($partner['title']);?>"/>
-                <h3 class="partner-title"><?php echo $block->escapeHtml($partner['title']);?></h3>
-                <p class="partner-description">
-                    <?php echo $block->escapeHtml($partner['description']);?>
-                    <br />
-                    <a href="<?php echo $block->escapeHtml($partner['url_page']);?>" target="_blank">
-                        <?php /* @escapeNotVerified */ echo __('Read More'); ?>
-                    </a>
-                    <br />
-                    <a href="<?php echo $block->escapeHtml($partner['url_partner_page']);?>" target="_blank">
-                        <?php /* @escapeNotVerified */ echo __('Partner Page'); ?>
-                    </a>
-                </p>
-            </div>
-        <?php endforeach; ?>
-    </div>
+    <?php foreach ($block->getPartners() as $partner) : ?>
+        <div class="partner">
+            <img
+                class="partner-image"
+                src="<?php echo $block->escapeHtml($partner['img']);?>"
+                alt="<?php echo $block->escapeHtml($partner['title']);?>"/>
+            <h3 class="partner-title"><?php echo $block->escapeHtml($partner['title']);?></h3>
+            <p class="partner-description">
+                <?php echo $block->escapeHtml($partner['description']);?>
+                <br />
+                <a href="<?php echo $block->escapeHtml($partner['url_page']);?>" target="_blank">
+                    <?php /* @escapeNotVerified */ echo __('Read More'); ?>
+                </a>
+                <br />
+                <a href="<?php echo $block->escapeHtml($partner['url_partner_page']);?>" target="_blank">
+                    <?php /* @escapeNotVerified */ echo __('Partner Page'); ?>
+                </a>
+            </p>
+        </div>
+    <?php endforeach; ?>
 <?php else : ?>
     <p>
         <?php /* @escapeNotVerified */ echo __('No partners were found'); ?>

app/design/adminhtml/Magento/backend/Magento_Marketplace/web/css/source/_module.less

@@ -10,6 +10,28 @@
 .page-partners {
     border-top: 1px solid @page-main-actions__border-color;
     padding-top: 2.5rem;
+
+    .partners-block {
+        .lib-vendor-prefix-display(flex);
+        .lib-vendor-prefix-flex-direction(row);
+        .lib-vendor-prefix-flex-wrap(wrap);
+
+        .ie9 & {
+            word-spacing: -.45rem;
+        }
+    }
+
+    .partner {
+        margin-bottom: @indent__xl;
+        padding: 0 @indent__m;
+        width: 100% / 3;
+
+        .ie9 & {
+            display: inline-block;
+            vertical-align: top;
+            word-spacing: normal;
+        }
+    }
 }
 
 .partners-description,