Post list responsive CSS fixes

no issue
- fixed title display for mobile
- fixed scrolling for content filters
- fixed list cells styles

ghost/admin/app/styles/components/lists.css

@@ -43,6 +43,16 @@
     border-bottom-right-radius: 5px;
 }
 
+.gh-list-row:not(.header):first-of-type {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.gh-list-row:last-of-type {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
+
 .gh-list-cell {
     display: table-cell;
     vertical-align: middle;

ghost/admin/app/styles/layouts/content.css

@@ -247,6 +247,19 @@
         margin: 0;
     }
 
+    .gh-posts-list-item:nth-of-type(2) {
+        border-top-left-radius: 5px;
+        border-top-right-radius: 5px;
+    }
+
+    .gh-posts-list-item:hover {
+        background: var(--whitegrey-l2);
+    }
+
+    .gh-posts-list-item:hover .gh-list-data {
+        background: none !important;
+    }
+
     .gh-post-list-featured {
         display: block;
         order: 1;
@@ -254,6 +267,7 @@
         position: absolute;
         left: -6px;
         top: 4px;
+        border: none;
     }
 
     .gh-post-list-title {
@@ -324,12 +338,13 @@
         flex-direction: column;
         align-items: flex-end;
         margin-top: 18px;
+        overflow-y: hidden;
     }
 
     .post-header .view-actions .gh-contentfilter {
         order: 2;
-        margin: 10px 0;
-        padding: 6px 2px;
+        margin: 10px 0 -20px;
+        padding: 6px 2px 26px 22px;
         max-width: calc(100vw - 10px);
         overflow-x: auto;
     }
@@ -341,7 +356,7 @@
     }
 
     .post-header .gh-canvas-title {
-        left: 20px;
+        left: 25px;
     }
 
     .gh-post-list-updated {
@@ -353,6 +368,16 @@
     }
 }
 
+@media (max-width: 430px) {
+    .post-header .view-actions .gh-contentfilter {
+        border-right: 1px solid var(--whitegrey-d1);
+    }
+    
+    .gh-contentfilter-sort {
+        padding-right: 8px;
+    }
+}
+
 @media (min-width: 901px) {
     .gh-posts-list-item a:after {
         display: none;

ghost/admin/app/styles/layouts/main.css

@@ -669,9 +669,6 @@
 }
 
 @media (max-width: 500px) {
-    .gh-canvas-title {
-        display: block;
-    }
     .gh-canvas-title svg {
         margin: 0 5px;
     }