diff --git a/public/index.html b/public/index.html
index f5c217f..f104081 100644
--- a/public/index.html
+++ b/public/index.html
@@ -126,10 +126,15 @@
margin-bottom: 0
}
- .post ul.controls {
+ .post .controls {
margin: 18px 0 0;
padding: 0;
list-style-type: none;
+ display: flex;
+ }
+
+ .post .controls .control-element {
+ margin: .24rem;
}
code {
diff --git a/src/computersandblues/lodestone/app.cljs b/src/computersandblues/lodestone/app.cljs
index 8823d79..823ddb6 100644
--- a/src/computersandblues/lodestone/app.cljs
+++ b/src/computersandblues/lodestone/app.cljs
@@ -330,7 +330,11 @@
[:nav
[:ul.controls
[:li.control-element.url
- [:a {:href (:url post) :target "_blank"} "↗ Open original post"]]]]
+ [:a {:href (:url post) :target "_blank"} "↗ Open original post"]]
+ [:li.control-element.clipboard
+ [:a {:href "#" :on-click (fn [e]
+ (.preventDefault e)
+ (js/navigator.clipboard.writeText (:url post)))} "◎ Copy URL to clipboard"]]]]
#_[debug post]])
(defn- refresh-displayed-posts!