From 2f11615beca000f931042ac6fe8cdc55b9c24789 Mon Sep 17 00:00:00 2001
From: hatz <hatz@hey.com>
Date: Wed, 14 May 2025 07:48:04 -0500
Subject: [PATCH] Use shared ruler for imports and balance sheet

---
 app/views/imports/_import.html.erb                | 2 +-
 app/views/imports/index.html.erb                  | 2 +-
 app/views/pages/dashboard/_balance_sheet.html.erb | 4 +---
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/views/imports/_import.html.erb b/app/views/imports/_import.html.erb
index a0b1d965..88a75dce 100644
--- a/app/views/imports/_import.html.erb
+++ b/app/views/imports/_import.html.erb
@@ -1,4 +1,4 @@
-<div id="<%= dom_id import %>" class="flex items-center justify-between mx-4 py-4 border-b last:border-b-0 border-alpha-black-50">
+<div id="<%= dom_id import %>" class="flex items-center justify-between mx-4 py-4">
 
   <div class="flex items-center gap-2 mb-1">
     <%= link_to import_path(import), class: "text-sm text-primary hover:underline" do %>
diff --git a/app/views/imports/index.html.erb b/app/views/imports/index.html.erb
index 108f3dc5..1a81ecdb 100644
--- a/app/views/imports/index.html.erb
+++ b/app/views/imports/index.html.erb
@@ -18,7 +18,7 @@
       <h2 class="uppercase px-4 py-2 text-secondary text-xs"><%= t(".imports") %> · <%= @imports.size %></h2>
 
       <div class="border border-alpha-black-100 rounded-lg bg-container shadow-xs">
-        <%= render partial: "imports/import", collection: @imports.ordered %>
+        <%= render partial: "imports/import", collection: @imports.ordered, spacer_template: "shared/ruler" %>
       </div>
     </div>
   <% end %>
diff --git a/app/views/pages/dashboard/_balance_sheet.html.erb b/app/views/pages/dashboard/_balance_sheet.html.erb
index 302ae103..b759e04e 100644
--- a/app/views/pages/dashboard/_balance_sheet.html.erb
+++ b/app/views/pages/dashboard/_balance_sheet.html.erb
@@ -88,9 +88,7 @@
                     </div>
 
                     <% if idx < account_group.accounts.size - 1 %>
-                      <div class="pl-[84px] pr-40">
-                        <div class="w-full border-subdued border-b"></div>
-                      </div>
+                      <%= render "shared/ruler", classes: "ml-12 mr-4" %>
                     <% end %>
                   <% end %>
                 </div>