From 633333bb0fee918bd97235b0dceb8ffc66374711 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20T=C5=AFma?= <tumic@cbox.cz>
Date: Tue, 4 Jul 2017 12:25:26 +0200
Subject: [PATCH] Improved config files info formatting

---
 css/gallery.css | 15 +++++++++++++++
 css/style.css   | 18 +++++++-----------
 index.html      | 32 ++++++++++++++++++++++----------
 3 files changed, 44 insertions(+), 21 deletions(-)

diff --git a/css/gallery.css b/css/gallery.css
index 86655898..899ac1aa 100644
--- a/css/gallery.css
+++ b/css/gallery.css
@@ -1,3 +1,18 @@
+.gallery-top {
+	height:10px;
+}
+.gallery-bottom {
+	height:50px;
+}
+.gallery-main {
+	background-color:#000000;
+	padding:20px 0;
+}
+
+#gallery {
+	margin: 0 50px 0 50px;
+}
+
 ul.rig {
 	list-style: none;
 	font-size: 0px;
diff --git a/css/style.css b/css/style.css
index 8ad77a61..b87eb9b9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -271,17 +271,13 @@ margin: .5em 0 .5em 0
 	float:right;
 }
 
-.gallery-top {
-	height:10px;
+.config-files {
+	margin-left: 10px;
 }
-.gallery-bottom {
-	height:50px;
+.config-files .file {
+	font-family:monospace;
 }
-.gallery-main {
-	background-color:#000000;
-	padding:20px 0;
-}
-
-#gallery {
-	margin: 0 50px 0 50px;
+.config-files .os {
+	padding-right:30px;
+	font-style:italic;
 }
diff --git a/index.html b/index.html
index 1653a234..9a40bab1 100644
--- a/index.html
+++ b/index.html
@@ -97,18 +97,30 @@
           easily override the default map list with your own list either by editing the
           global map list file:</p>
 
-<pre>
-C:\Program Files\GPXSee\maps.txt                      # Windows
-/usr/share/gpxsee/maps.txt                            # Linux
-/Applications/GPXSee.app/Contents/Resources/maps.txt  # OS X
-</pre>
-
+          <table class="config-files">
+            <tr>
+              <td class="os">Windows:</td>
+              <td class="file">C:\Program Files\GPXSee\maps.txt</td>
+            </tr><tr>
+              <td class="os">Linux:</td>
+              <td class="file">/usr/share/gpxsee/maps.txt</td>
+            </tr><tr>
+              <td class="os">OS X:</td>
+              <td class="file">/Applications/GPXSee.app/Contents/Resources/maps.txt</td>
+            </tr>  
+          </table>
+          
           <p>or by overriding it with a user map list file:</p>
 
-<pre>
-%HOMEPATH%\GPXSee\maps.txt  # Windows
-$HOME/.gpxsee/maps.txt      # OS X &amp; Linux
-</pre>
+          <table class="config-files">
+            <tr>
+              <td class="os">Windows:</td>
+              <td class="file">%HOMEPATH%\GPXSee\maps.txt</td>
+            </tr><tr>
+              <td class="os">OS X, Linux:</td>
+              <td class="file">$HOME/.gpxsee/maps.txt</td>
+            </tr>
+          </table>
 
           <p>The file format is one map entry per line, consisting of the map name and
           tiles URL delimited by a TAB character. The tile X and Y coordinates are