Update spacing

rossta · rossta · commit 5a10adde1c58 · 2024-11-14T13:56:45.000-05:00
diff --git a/app/javascript/css/utilities/custom.css b/app/javascript/css/utilities/custom.css
@@ -2,6 +2,10 @@
   margin-bottom: var(--grid-gutter);
 }
 
+.mb-xs {
+  margin-bottom: var(--space-xs);
+}
+
 .mb-xl {
   margin-bottom: var(--space-xl);
 }
diff --git a/app/javascript/css/utilities/tailwind.css b/app/javascript/css/utilities/tailwind.css
@@ -590,6 +590,10 @@
   fill: var(--joy-text);
 }
 
+.p-1 {
+  padding: 0.25rem;
+}
+
 .p-2 {
   padding: 0.5rem;
 }
diff --git a/app/views/topics/show.html.erb b/app/views/topics/show.html.erb
@@ -20,7 +20,7 @@
         <h3 class="mb-8 hidden lg:block"><%= topic.name %></h3>
         <ul>
           <% topic.pages.as_published_articles.each do |page| %>
-            <%= tag.li id: dom_id(page) do %>
+            <%= tag.li id: dom_id(page), class: "mb-xs" do %>
               <%= render Pages::Info.new(
                     title: page.title,
                     request_path: page.request_path,

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,10 @@`
`2`	`2`	`margin-bottom: var(--grid-gutter);`
`3`	`3`	`}`
`4`	`4`
	`5`	`+.mb-xs {`
	`6`	`+ margin-bottom: var(--space-xs);`
	`7`	`+}`
	`8`	`+`
`5`	`9`	`.mb-xl {`
`6`	`10`	`margin-bottom: var(--space-xl);`
`7`	`11`	`}`