Fav added

Author: moneuron

assets/gallery.css

@@ -53,6 +53,7 @@ h1 {
     font-size: 0.9rem;
     color: #333;
     text-align: center;
+    position: relative;
 }
 
 a {
@@ -82,11 +83,14 @@ a:focus {
 }
 
 .tag {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    z-index: 2;
     display: inline-block;
     font-size: 0.7rem;
     font-weight: 600;
     padding: 2px 8px;
-    margin-left: 8px;
     border-radius: 999px;
     background-color: #eee;
     color: #333;

fav.html

@@ -33,7 +33,8 @@
         <a target="_blank" href="https://www.imdb.com/title/tt3032476">
             <img src="assets/fav_tnails/better.webp" alt="Better Call Saul">
         </a>
-        <div class="desc">Better Call Saul
+        <div class="desc">
+            Better Call Saul
             <span class="tag tv">TV</span>
         </div>
     </div>
@@ -42,7 +43,8 @@
         <a target="_blank" href="https://www.goodreads.com/book/show/19776547-essentialism">
             <img src="assets/fav_tnails/essentialism.webp" alt="Essentialism">
         </a>
-        <div class="desc">Essentialism
+        <div class="desc">
+            Essentialism
             <span class="tag book">Book</span>
         </div>
     </div>
@@ -51,7 +53,8 @@
         <a target="_blank" href="https://www.imdb.com/title/tt2278388">
             <img src="assets/fav_tnails/grand.webp" alt="The Grand Budapest Hotel">
         </a>
-        <div class="desc">The Grand Budapest Hotel
+        <div class="desc">
+            The Grand Budapest Hotel
             <span class="tag movie">Movie</span>
         </div>
     </div>
@@ -60,7 +63,8 @@
         <a target="_blank" href="https://store.steampowered.com/app/1151640/Horizon_Zero_Dawn_Complete_Edition/">
             <img src="assets/fav_tnails/horizon.webp" alt="Horizon Zero Dawn">
         </a>
-        <div class="desc">Horizon Zero Dawn
+        <div class="desc">
+            Horizon Zero Dawn
             <span class="tag game">Game</span>
         </div>
     </div>