Böhhh! Crystal Design, alter!

2 files changed, 18 insertions, 1 deletions

diff --git a/public/static/default.css b/public/static/default.css
index 7c98d30..7f439ec 100644
--- a/public/static/default.css
+++ b/public/static/default.css
@@ -422,11 +422,22 @@ div.candidatelist a {
 	display: block;
 	text-decoration: none;
 	font-size: 1.4em;
-	padding: 0.6em;
+	padding-top: 0.3em;
 	text-align: center;
 	border-bottom: 2px solid #cccccc;
 }
 
+div.candidatelist a .distance:after {
+	content: " km";
+}
+
+div.candidatelist a .distance {
+	font-size: 0.6em;
+	color: #999999;
+	padding-top: 0.2em;
+	padding-bottom: 0.3em;
+}
+
 div.about {
 	font-family: Sans-Serif;
 	color: #666666;
diff --git a/public/static/geolocation.js b/public/static/geolocation.js
index f571762..63b42b8 100644
--- a/public/static/geolocation.js
+++ b/public/static/geolocation.js
@@ -34,6 +34,12 @@ $(document).ready(function() {
 				var stationlink = $(document.createElement('a'));
 				stationlink.attr('href', ds100);
 				stationlink.text(name);
+
+				var distancenode = $(document.createElement('div'));
+				distancenode.attr('class', 'distance');
+				distancenode.text(distance);
+
+				stationlink.append(distancenode);
 				$('div.candidatelist').append(stationlink);
 			});
 		}