more restructuring of table for mobile

diff --git a/static/gitweb-site.css b/static/gitweb-site.css
index fd3bd13..8022e7f 100644 (file)
--- a/static/gitweb-site.css
+++ b/static/gitweb-site.css
@@ -13,18 +13,6 @@ div.title_text {
   overflow-x: scroll;
 }
 
-@media screen and (max-width: 720px) {
-  body {
-    box-sizing: border-box;
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    min-height: 100%;
-
-    & > * { flex: 0 0 auto; }
-  }
-}
-
 html {
   min-height: 100%;
   height: 100%;
@@ -40,26 +28,47 @@ div.page_body {
   flex: 1 0 auto;
 }
 
-table.shortlog {
-  tr {
+@media screen and (max-width: 720px) {
+  body {
+    box-sizing: border-box;
+    margin: 0;
     display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
+    flex-direction: column;
+    min-height: 100%;
 
-    td:nth-child(1) {
-      flex: 1 0 25%;
-    }
+    & > * { flex: 0 0 auto; }
+  }
 
-    td:nth-child(2) {
-      flex: 1 0 75%;
-    }
+  table.shortlog {
+    tr {
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
 
-    td:nth-child(3) {
-      flex: 1 0 100%;
-    }
+      td:nth-child(1) {
+        /* commit date */
+        flex: 0 0 auto;
+        order: 2;
+        text-align: right;
+      }
+
+      td:nth-child(2) {
+        /* committer */
+        flex: 1 0 auto;
+        order: 1;
+      }
+
+      td:nth-child(3) {
+        /* commit message */
+        flex: 1 0 100%;
+        order: 3;
+      }
 
-    td:nth-child(4) {
-      flex: 1 0 100%;
+      td:nth-child(4) {
+        /* links */
+        flex: 1 0 100%;
+        order: 4;
+      }
     }
   }
 }