Made top & bottom spacing in directions list consistent.

diff --git a/app/assets/javascripts/index/directions.js.erb b/app/assets/javascripts/index/directions.js.erb
index 3520f3ecdb43b236420d6236ca1267e8be22353d..30b6349fde6ac0e7ea5c2add73a9f356350dfa79 100644 (file)
--- 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'/>");
         }
 
         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);
 
         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 fb879d375f1ea44c33a58111bd1743b5f6401b13..ad068138b6e96392910eb266f9ec3dbbf898a0bf 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -1034,13 +1034,14 @@ header .search_forms,
     border-collapse: separate;
 }
 
     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 {
 }
 @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 {
 }
 
 p#routing_summary {


@@ -1048,7 +1049,8 @@ p#routing_summary {
 }
 
 td.instruction, td.distance {
 }
 
 td.instruction, td.distance {

-    padding-top: 0;
+    padding-top: $lineheight/5;
+    padding-bottom: $lineheight/5;

     border-bottom: 1px solid #DDD;
 }
 td.distance {
     border-bottom: 1px solid #DDD;
 }
 td.distance {