From 5e75a1e7a10a0485f5aa339abf055bad94a0a353 Mon Sep 17 00:00:00 2001
From: Alberto Bertogli <albertito@blitiri.com.ar>
Date: Sun, 4 Mar 2018 19:06:41 +0000
Subject: [PATCH] Tune markdown CSS to increase readability

The default CSS is not very comfortable for markdown, as for example the
links are hidden.

This patch makes the markdown CSS tunable by wrapping it into a div, and
then adjusting the default styles to increase readability.
---
 static/git-arr.css | 17 +++++++++++++++++
 views/blob.html    |  2 ++
 2 files changed, 19 insertions(+)

diff --git a/static/git-arr.css b/static/git-arr.css
index 57bf13c..0ef1961 100644
--- a/static/git-arr.css
+++ b/static/git-arr.css
@@ -225,3 +225,20 @@ span.ctrlchr {
     padding: 0 0.2ex 0 0.1ex;
     margin:  0 0.2ex 0 0.1ex;
 }
+
+/*
+ * Markdown overrides
+ */
+
+/* Colored links (same as explicit links above) */
+div.markdown a {
+    color: #038;
+}
+div.markdown a:hover, div.markdown a:active {
+    color: #880000;
+}
+
+/* Restrict max width for readability */
+div.markdown {
+    max-width: 55em;
+}
diff --git a/views/blob.html b/views/blob.html
index 470808e..58c40a7 100644
--- a/views/blob.html
+++ b/views/blob.html
@@ -73,7 +73,9 @@
 %   end
 </table>
 % elif can_markdown(repo, fname.unicode):
+<div class="markdown">
 {{!markdown_blob(blob.utf8_content)}}
+</div>
 % elif can_colorize(blob.utf8_content):
 {{!colorize_blob(fname.unicode, blob.utf8_content)}}
 % else: