projects_list table better on small screens

diff --git a/static/gitweb-site.css b/static/gitweb-site.css
index 5ecd43c..ca455c2 100644 (file)
--- a/static/gitweb-site.css
+++ b/static/gitweb-site.css
@@ -86,6 +86,39 @@ td.link {
     }
   }
 
+  table.project_list {
+    tr {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+
+      td:nth-child(1) {
+        /* ".git" name */
+        flex: 0 0 auto;
+        order: 1;
+      }
+
+      td:nth-child(2) {
+        /* description */
+        flex: 1 0 100%;
+        order: 3;
+      }
+
+      td:nth-child(3) {
+        /* last change */
+        flex: 1 0 auto;
+        text-align: right;
+        order: 2;
+      }
+
+      td:nth-child(4) {
+        /* links */
+        flex: 1 0 100%;
+        order: 4;
+      }
+    }
+  }
+
   div.search {
     display: flex;
     align-items: center;