Turn Magic Folder delete icon into a button

... hoping this makes it easier to wire this up?
Plus it gives a nice hover animation (which one cannot see
on mobile I suppose)

obelisk/frontend/src/Pages/MagicFolders.hs

@@ -157,8 +157,12 @@ folderWidget (MagicFolder name _state) = do
         text "folder"
       elAttr "span" ("class" =: "mdc-deprecated-list-item__text") $ do
         text name
-      elAttr "span" ("class" =: "mdc-deprecated-list-item__meta material-icons") $
-        text "delete"
+      elAttr "span" ("class" =: "mdc-deprecated-list-item__meta") $
+        -- | Delete button.  TODO: Wiring.
+        elAttr "button" ("class" =: "mdc-icon-button") $ do
+          divClass "mdc-icon-button__ripple" $ blank
+          elAttr "i" ("class" =: "material-icons") $ do
+            text "delete"
 
     elClass "li" "mdc-deprecated-list-divider mdc-deprecated-list-divider--inset" $ blank