Ticket #31685: 31685.5.diff

src/wp-admin/css/common.css

@@ -3047 +3047 @@
 
 .my-sites li {
         display: block;
-        padding: 8px 1%;
+        padding: 8px 3%;
+        min-height: 160px;
         margin: 0;
 }
 
+@media only screen and (max-width: 599px) {
+        .my-sites li {
+                min-height: 0;
+        }
+}
+
 @media only screen and (min-width: 600px) {
         .my-sites.striped li {
                 background-color: #fff;
@@ -3070 +3077 @@
 @media only screen and (min-width: 600px) and (max-width: 699px) {
         .my-sites li{
                 float: left;
-                width: 48%;
+                width: 44%;
         }
         .my-sites.striped li {
                 background-color: #fff;
         }
+        .my-sites.striped li:nth-of-type(2n+1) {
+                clear: left;
+        }
         .my-sites.striped li:nth-of-type(2n+2):after {
                 content: none;
         }
@@ -3088 +3098 @@
 @media only screen and (min-width: 700px) and (max-width: 1199px) {
         .my-sites li {
                 float: left;
-                width: 31.333333%;
+                width: 27.333333%;
                 background-color: #fff;
         }
         .my-sites.striped li:nth-of-type(3n+3):after {
@@ -3104 +3114 @@
 @media only screen and (min-width: 1200px) and (max-width: 1399px) {
         .my-sites li {
                 float: left;
-                width: 23%;
+                width: 21%;
+                padding: 8px 2%;
                 background-color: #fff;
         }
+        .my-sites.striped li:nth-of-type(4n+1) {
+                clear: left;
+        }
         .my-sites.striped li:nth-of-type(4n+4):after {
                 content: none;
         }
@@ -3121 +3135 @@
 @media only screen and (min-width: 1400px) and (max-width: 1599px) {
         .my-sites li {
                 float: left;
-                width: 18%;
+                width: 16%;
+                padding: 8px 2%;
                 background-color: #fff;
         }
+        .my-sites.striped li:nth-of-type(5n+1) {
+                clear: left;
+        }
         .my-sites.striped li:nth-of-type(5n+5):after {
                 content: none;
         }
@@ -3139 +3157 @@
 @media only screen and (min-width: 1600px) {
         .my-sites li {
                 float: left;
-                width: 14.666666%;
+                width: 12.666666%;
+                padding: 8px 2%;
                 background-color: #fff;
         }
+        .my-sites.striped li:nth-of-type(6n+1) {
+                clear: left;
+        }
         .my-sites.striped li:nth-of-type(6n+6):after {
                 content: none;
         }