From de08988c00083d761a732aebf90e993b31c83c21 Mon Sep 17 00:00:00 2001
From: Charlie <CDK2020@users.noreply.github.com>
Date: Wed, 26 Sep 2018 00:30:27 -0700
Subject: [PATCH] Update ExtensionPage Style (#1560)

---
 framework/core/less/admin/ExtensionsPage.less | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/framework/core/less/admin/ExtensionsPage.less b/framework/core/less/admin/ExtensionsPage.less
index eeea2d474..6a863e10d 100644
--- a/framework/core/less/admin/ExtensionsPage.less
+++ b/framework/core/less/admin/ExtensionsPage.less
@@ -1,3 +1,5 @@
+@extension-list-column-width: 410px;
+
 .ExtensionsPage-header {
   padding: 20px 0;
   background: @control-bg;
@@ -18,12 +20,15 @@
 }
 
 .ExtensionList {
+  columns: 3;
+  column-width: @extension-list-column-width;
   margin: 0;
   padding: 0;
   list-style: none;
   .clearfix();
 
   > li {
+    break-inside: avoid-column;
     text-align: left;
     position: relative;
     border-radius: 4px;
@@ -96,3 +101,13 @@
   margin-left: -50px;
   position: absolute;
 }
+
+@media (max-width: @extension-list-column-width) {
+  .ExtensionListItem-description {
+    display: none;
+  }
+  .ExtensionListItem-version {
+    display: block;
+    margin-top: 8px;
+  }
+}