Add a close button

index.html

@@ -89,6 +89,13 @@ p {
 }
 #next-image {
 	right: 10vw;
+	position: fixed;
+}
+#close {
+	position: absolute;
+	font-size: 40px;
+	top: 10px;
+	right: 20px;
 }
 #focused-panel.unzoomed > div.blurhash-frame {
 	max-height: 80vh;

src/UI.purs

@@ -82,7 +82,12 @@ renderFocused zoom image =
             [ HP.id "focused-bg"
             , HE.onClick \_ -> Unfocus
             ]
-            []
+            [ HH.div
+                [ HP.id "close"
+                ]
+                [ HH.text "⨯"
+                ]
+            ]
         , HH.div
             [ HP.id "prev-image"
             , HE.onClick \_ -> Pan false