From f9cd725c84b2f70bf69f716dfa06167ef6e3bcaf Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Wed, 23 Apr 2025 13:22:22 -0500
Subject: [PATCH] Tighten spacing, improve allignment

---
 app/assets/stylesheets/tags.css              | 5 +++--
 app/views/cards/_container.html.erb          | 2 +-
 app/views/cards/display/perma/_tags.html.erb | 4 ++--
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/tags.css b/app/assets/stylesheets/tags.css
index 2b667e771..197d9b41f 100644
--- a/app/assets/stylesheets/tags.css
+++ b/app/assets/stylesheets/tags.css
@@ -22,8 +22,9 @@
   }
 
   .tag-picker__button {
-    font-size: 0.7em;
-    margin-inline-start: 0.5em;
+    font-size: 0.6em;
+    margin-block-start: 0.2em;
+    margin-inline-start: 0.2em;
 
     + .panel {
       --panel-size: 18ch;
diff --git a/app/views/cards/_container.html.erb b/app/views/cards/_container.html.erb
index f64ff7e91..0b8198891 100644
--- a/app/views/cards/_container.html.erb
+++ b/app/views/cards/_container.html.erb
@@ -12,7 +12,7 @@
 
   <div class="card-perma__bg">
     <%= card_article_tag card, class: "card" do %>
-      <header class="card__header flex align-center gap min-width">
+      <header class="card__header flex align-center gap-half min-width">
         <%= link_to card.collection.name, cards_path(collection_ids: [ card.collection ]),
               class: "card__collection txt-uppercase overflow-ellipsis txt-reversed" %>
 
diff --git a/app/views/cards/display/perma/_tags.html.erb b/app/views/cards/display/perma/_tags.html.erb
index 46e66c56e..ff6c97b8e 100644
--- a/app/views/cards/display/perma/_tags.html.erb
+++ b/app/views/cards/display/perma/_tags.html.erb
@@ -1,7 +1,7 @@
-<div id="<%= dom_id(card, :tags) %>" class="card__tags flex-item-grow min-width">
+<div id="<%= dom_id(card, :tags) %>" class="card__tags flex-item-grow min-width gap-half">
   <div class="overflow-ellipsis">
     <% if card.tags.any? || card.creating? %>
-      <span># </span>
+      <span class="margin-inline-start-half"># </span>
       <% card.tags.each_with_index do |tag, index| %>
         <%= link_to cards_path(collection_ids: [ card.collection ], tag_ids: [ tag.id ]),
               class: "card__tag btn btn--plain min-width txt-uppercase fill-transparent" do %>