From 17f697215d16baecc7638d5bd82c6843a613106e Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Thu, 15 May 2025 18:02:08 +0300
Subject: [PATCH] Use entire width of sidebar for directions table

---
 app/assets/javascripts/index/directions-route-output.js | 6 +++---
 app/views/directions/show.html.erb                      | 8 +++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/assets/javascripts/index/directions-route-output.js b/app/assets/javascripts/index/directions-route-output.js
index 1335d5ec3..3d3773331 100644
--- a/app/assets/javascripts/index/directions-route-output.js
+++ b/app/assets/javascripts/index/directions-route-output.js
@@ -86,12 +86,12 @@ OSM.DirectionsRouteOutput = function (map) {
       const row = $("<tr class='turn'/>").appendTo($("#directions_route_steps"));
 
       if (direction) {
-        row.append("<td class='border-0'><svg width='20' height='20' class='d-block'><use href='#routing-sprite-" + direction + "' /></svg></td>");
+        row.append("<td class='ps-3'><svg width='20' height='20' class='d-block'><use href='#routing-sprite-" + direction + "' /></svg></td>");
       } else {
-        row.append("<td class='border-0'>");
+        row.append("<td class='ps-3'>");
       }
       row.append(`<td><b>${i + 1}.</b> ${instruction}`);
-      row.append("<td class='distance text-body-secondary text-end'>" + formatStepDistance(...translateDistanceUnits(dist)));
+      row.append("<td class='pe-3 distance text-body-secondary text-end'>" + formatStepDistance(...translateDistanceUnits(dist)));
 
       row.on("click", function () {
         popup
diff --git a/app/views/directions/show.html.erb b/app/views/directions/show.html.erb
index e64d3c23b..0baa0accf 100644
--- a/app/views/directions/show.html.erb
+++ b/app/views/directions/show.html.erb
@@ -111,9 +111,11 @@
     </div>
   </div>
 
-  <table class='table table-hover table-sm mb-3'>
-    <tbody id="directions_route_steps"></tbody>
-  </table>
+  <div class="mx-n3">
+    <table class='table table-hover table-sm mb-3'>
+      <tbody id="directions_route_steps"></tbody>
+    </table>
+  </div>
 
   <p class="text-center">
     <%= tag.a t(".download"), :id => "directions_route_download", :download => t(".filename") %>
-- 
2.39.5