chore: spacing

src/assets/styles/base/index.css

@@ -584,6 +584,12 @@ li {
   align-items: center;
 }
 
+.flex-between {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
 .justify-centered {
   justify-content: center;
 }

src/assets/styles/pages/links.css

@@ -6,11 +6,7 @@
 
   & .link {
     border: 1px solid var(--gray-light);
-    padding: var(--sizing-xs) var(--sizing-sm) 0;
+    padding: var(--sizing-xs) var(--sizing-sm);
-
-    & button {
-      margin-right: var(--sizing-sm);
-    }
   }
 }
 

src/links.html

@@ -15,12 +15,14 @@ pagination:
   {% for link in pagination.items %}
   {% assign author = link.data.link | stripUtm | authorLookup %}
   <div class="link">
-    {% render "partials/widgets/share-button.liquid", url:link.data.link, title:link.data.title, tagMap:collections.tagMap %}
     <a href="{{ link.data.link }}" title="{{ link.data.title | escape }}">
       <strong>{{ link.data.title }}</strong>
     </a>
     {% if author %} via {{ author }}{% endif %}
-    <div class="text-small">{% render "partials/widgets/tags.liquid", tags:link.data.tags %}</div>
+    <div class="flex-between">
+      {% render "partials/widgets/tags.liquid", tags:link.data.tags %}
+      {% render "partials/widgets/share-button.liquid", url:link.data.link, title:link.data.title, tagMap:collections.tagMap %}
+    </div>
   </div>
   {% endfor %}
 </div>