views: Improve display on mobile browsers

This patch moves the pages to HTML5, and adds some simple meta tags and CSS media
constraints so things render better on mobile browsers, while leaving the
desktop unaffected.

It's still not ideal, though.

Signed-off-by: Alberto Bertogli <albertito@blitiri.com.ar>

1 files changed, 9 insertions, 4 deletions

diff --git a/static/git-arr.css b/static/git-arr.css
index 4e0c7ad..2a0f7c1 100644
--- a/static/git-arr.css
+++ b/static/git-arr.css
@@ -69,8 +69,11 @@ table.commits td.date {
     font-style: italic;
     color: gray;
 }
-table.commits td.subject {
-    min-width: 32em;
+
+@media (min-width: 600px) {
+    table.commits td.subject {
+        min-width: 32em;
+    }
 }
 table.commits td.author {
     color: gray;
@@ -146,8 +149,10 @@ div.paginate span.inactive {
 }
 
 /* Directory listing. */
-table.ls td.name {
-    min-width: 20em;
+@media (min-width: 600px) {
+    table.ls td.name {
+        min-width: 20em;
+    }
 }
 table.ls tr.blob td.size {
     color: gray;