favorites lol

public/s/css/f0ck.css

@@ -374,6 +374,10 @@ html[theme="iced"] {
   --scroller-bg: #424242;
 }
 
+html[theme="iced"] .navbar-brand:hover {
+  background: #1d2941;
+}
+
 ::-webkit-scrollbar {
   width: 5px;
 }
@@ -983,6 +987,7 @@ a#elfe {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   background-color: var(--metadata-bg);
+  padding-bottom: 5px;
 }
 
 #themeselector {
@@ -1137,6 +1142,11 @@ span#tags:empty {
     opacity: 0.6;
     transition: .2s ease-in-out;
   }
+
+  span#favs {
+    grid-column: 1/3!important;
+  }
+
 }
 
 .post_source {
@@ -1247,7 +1257,7 @@ span#tags > span {
   margin-bottom: 2.5px;
 }
 
-span#tags > span > input {
+input {
   padding: 0;
   margin: 0;
   border: none;
@@ -1491,6 +1501,14 @@ svg.iconset {
 /* favorites */
 span#favs {
   text-align: left;
-  margin-left: 10px;
+  margin-left: 0;
   grid-column: 1/4;
+  padding: 5px;
+  margin: 5px;
+  line-height: 0;
+  background: var(--badge-bg);
+  border: 1px solid var(--black);
+}
+#favs > a img {
+  border: 2px solid var(--accent);
 }

public/s/js/admin.js

@@ -81,7 +81,6 @@ const flash = ({ type, msg }) => {
       _tags.reverse().forEach(tag => {
         const a = document.createElement("a");
         a.href = `/tag/${tag.tag}`;
-        a.target = "_blank";
         a.style = "color: inherit !important";
         a.innerHTML = tag.tag;
 
@@ -207,7 +206,23 @@ const flash = ({ type, msg }) => {
 
         // span#favs
         const favcontainer = document.querySelector('span#favs');
-        favcontainer.innerHTML = "favorites:" + JSON.stringify(Object.values(res.favs));
+        favcontainer.innerHTML = "";
+
+        res.favs.forEach(f => {
+          const a = document.createElement('a');
+          a.href = `/user/${f.user}/favs`;
+          a.setAttribute('tooltip', f.user);
+          a.setAttribute('flow', 'down');
+
+          const img = document.createElement('img');
+          img.src = `/t/${f.avatar}.png`;
+          img.style.height = "32px";
+          img.style.width = "32px";
+
+          a.insertAdjacentElement('beforeend', img);
+          favcontainer.insertAdjacentElement('beforeend', a);
+          favcontainer.innerHTML += " ";
+        });
       }
       else {
         // lul