From e3062aa794b89a37b53f4b4b39ea1c985f9da82d Mon Sep 17 00:00:00 2001
From: Matt Amos <zerebubuth@gmail.com>
Date: Mon, 10 Nov 2014 19:59:02 +0000
Subject: [PATCH] Made top & bottom spacing in directions list consistent.

---
 app/assets/javascripts/index/directions.js.erb |  2 +-
 app/assets/stylesheets/common.css.scss         | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/app/assets/javascripts/index/directions.js.erb b/app/assets/javascripts/index/directions.js.erb
index 3520f3ecd..30b6349fd 100644
--- a/app/assets/javascripts/index/directions.js.erb
+++ b/app/assets/javascripts/index/directions.js.erb
@@ -195,7 +195,7 @@ OSM.Directions = function (map) {
         }
 
         var row = $("<tr class='turn'/>");
-        row.append("<td class='direction i" + direction + "'> ");
+        row.append("<td><div class='direction i" + direction + "'/></td> ");
         row.append("<td class='instruction'>" + instruction);
         row.append("<td class='distance'>" + dist);
 
diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index fb879d375..ad068138b 100644
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1034,13 +1034,14 @@ header .search_forms,
     border-collapse: separate;
 }
 
-td.direction {
-    background-image: image-url('routing-sprite.png'); 
-    width: 20px; height: 20px; 
-    background-repeat: no-repeat;
+div.direction {
+  background-image: image-url('routing-sprite.png');
+  width: 20px;
+  height: 20px;
+  background-repeat: no-repeat;
 }
 @for $i from 1 through 17 {
-td.direction.i#{$i}  { background-position: #{($i)*-20+20}px 0px; }
+div.direction.i#{$i} { background-position: #{($i)*-20+20}px 0px; }
 }
 
 p#routing_summary {
@@ -1048,7 +1049,8 @@ p#routing_summary {
 }
 
 td.instruction, td.distance {
-    padding-top: 0;
+    padding-top: $lineheight/5;
+    padding-bottom: $lineheight/5;
     border-bottom: 1px solid #DDD;
 }
 td.distance {
-- 
2.43.2