Make footnote a larger target

henrik · Jul 11, 2020 · e9301bc · e9301bc
1 parent b04c32e
commit e9301bc
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/site/_includes/css/tailwind.css b/src/site/_includes/css/tailwind.css
@@ -264,6 +264,11 @@ hr {
   margin-bottom: 30px;
 }
 
+.footnote-link {
+  /* Bigger target. */
+  padding: 0 5px;
+}
+
 .truncated { @apply text-gray-500; }
 
 @tailwind  components;

diff --git a/src/site/posts/2020-07-11-optimising-data-over-the-wire-in-phoenix-liveview.md b/src/site/posts/2020-07-11-optimising-data-over-the-wire-in-phoenix-liveview.md
@@ -5,7 +5,7 @@ tags:
   - Phoenix LiveView
 ---
 
-[Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view) distinguishes itself from other "server-side reactive" frameworks[¹](#footnote) by automatically sending minimal diffs over the wire. (That is to say, over a WebSocket.)
+[Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view) distinguishes itself from other "server-side reactive" frameworks<a href="#footnote" class="footnote-link">¹</a> by automatically sending minimal diffs over the wire. (That is to say, over a WebSocket.)
 
 Well, mostly automatically. The size of those diffs is affected by how you write your app.