Ticket #29372: plugin-cards-flexbox.patch

src/wp-admin/css/list-tables.css

@@ -1240 +1240 @@
 }
 
 /* Plugin card table view */
+.plugin-install #the-list,
+.plugin-card {
+        display: -webkit-flex;
+        display: -ms-flexbox;
+        display: flex;
+        -webkit-flex-wrap: wrap;
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+}
+
 .plugin-group {
         overflow: hidden; /* clearfix */
         margin-top: 1.5em;
@@ -1298 +1308 @@
 }
 
 @media screen and ( max-width: 782px ) {
+        .plugin-install #the-list,
         .plugin-card {
+                display: block;
+        }
+        .plugin-card {
                 margin-left: 0;
                 margin-right: 0;
                 width: 100%;
@@ -1353 +1367 @@
         background-color: #fafafa;
         border-top: 1px solid #dedede;
         overflow: hidden;
+        -webkit-align-self: flex-end;
+        -ms-flex-item-align: end;
+        align-self: flex-end;
+        -webkit-flex-basis: 100%;
+        -ms-flex-preferred-size: 100%;
+        flex-basis: 100%;
 }
 
 .plugin-card-bottom .star-rating {