diff --git a/src/co/gaiwan/compass/html/profiles.clj b/src/co/gaiwan/compass/html/profiles.clj
index 3bb7f41..af2c75f 100644
--- a/src/co/gaiwan/compass/html/profiles.clj
+++ b/src/co/gaiwan/compass/html/profiles.clj
@@ -58,11 +58,6 @@
(o/defstyled profile-detail :div#detail
[image-frame :w-100px {--arc-thickness "7%"}]
- [:.contact-list :flex :flex-wrap :gap-4]
- [:.remove-btn :cursor-pointer :border-none {:background-color t/--surface-3}]
- [:.remove-btn [:&:hover {:background-color t/--surface-4}]]
- [:.contact :flex :items-center
- [image-frame :w-50px {--arc-thickness "7%"} :mr-2]]
([{:public-profile/keys [name hidden?]
:user/keys [uuid] :as user}]
[:<>
@@ -79,15 +74,15 @@
#_[:div (pr-str user)]
;; Disable Edit Profile before we can show profile details pretty
- #_[:div.actions
- [edit-profile-btn user]]]))
+ [:div.actions
+ [edit-profile-btn user]]]))
(o/defstyled contact-detail :div
[image-frame :w-100px {--arc-thickness "7%"}]
- ;;[:.contact-list :flex :flex-wrap :gap-4]
+ [:.contact-list :w-full :ga-4]
[:.remove-btn :cursor-pointer :border-none {:background-color t/--surface-3}]
[:.remove-btn [:&:hover {:background-color t/--surface-4}]]
- [:.contact :flex :items-center
+ [:.contact :flex :items-center :justify-between
[:div :mr-2]
[image-frame :w-50px {--arc-thickness "7%"} :mr-2]]
([{:public-profile/keys [name]
@@ -106,14 +101,14 @@
:hx-trigger "contact-deleted from:body"}]
[:h3 "Contacts"]
[:div.contact-list
- [:ul
- (for [c (:user/contacts user)]
- [:li.contact
- [image-frame {:profile/image (user/avatar-css-value c)}]
- [:div [:label (:public-profile/name c)]
- [:label (:discord/email c)]]
- [:button.remove-btn {:hx-delete (url-for :contact/link {:id (:db/id c)})}
- [graphics/person-remove] "Remove Contact"]])]]]]))
+ (for [c (:user/contacts user)]
+ [:div.contact
+ [image-frame {:profile/image (user/avatar-css-value c)}]
+ [:div
+ [:div (:public-profile/name c)]
+ [:div (:discord/email c)]]
+ [:button.remove-btn {:hx-delete (url-for :contact/link {:id (:db/id c)})}
+ [graphics/person-remove] "Remove Contact"]])]]]))
(o/defstyled private-name :div
([user {:keys [private-name-switch] :as params}]