Make repository file list useable on mobile

templates/repo/view_list.tmpl

@@ -34,7 +34,10 @@
 					</span>
 				{{end}}
 			</th>
-			<th class="text grey right age">{{if .LatestCommit}}{{if .LatestCommit.Committer}}{{TimeSince .LatestCommit.Committer.When $.i18n.Lang}}{{end}}{{end}}</th>
+			<th class="text grey right age">
+				<span class="mobile-align">
+					{{if .LatestCommit}}{{if .LatestCommit.Committer}}{{TimeSince .LatestCommit.Committer.When $.i18n.Lang}}{{end}}{{end}}</th>
+				</span>
 		</tr>
 	</thead>
 	<tbody>
@@ -87,7 +90,10 @@
 						{{end}}
 					</span>
 				</td>
-				<td class="text right age three wide">{{if $commit}}{{TimeSince $commit.Committer.When $.i18n.Lang}}{{end}}</td>
+				<td class="text right age three wide">
+					<span class="truncate">
+						{{if $commit}}{{TimeSince $commit.Committer.When $.i18n.Lang}}{{end}}</td>
+					</span>
 			</tr>
 		{{end}}
 	</tbody>

web_src/less/_repository.less

@@ -3237,3 +3237,31 @@ td.blob-excerpt {
   transform: scale(105%);
   box-shadow: 0 .5rem 1rem var(--color-shadow) !important;
 }
+
+@media @mediaSm {
+  .repository.file.list {
+    #repo-files-table {
+      .entry,
+      .commit-list {
+        display: flex !important;
+        padding-top: 4px;
+        padding-bottom: 4px;
+
+        td.age,
+        th.age {
+          margin-left: auto !important;
+        }
+
+        td.message,
+        span.commit-summary {
+          display: none !important;
+        }
+
+        th .mobile-align {
+          display: inline-block;
+          padding-top: 5px;
+        }
+      }
+    }
+  }
+}