Fix tags styling on mobile

app/features/art/components/ArtGrid.tsx

@@ -109,7 +109,9 @@ function BigImageDialog({ close, art }: { close: () => void; art: ListedArt }) {
         onLoad={() => setImageLoaded(true)}
       />
       {art.tags || art.linkedUsers ? (
-        <div className="stack sm horizontal">
+        <div
+          className={clsx("art__tags-container", { invisible: !imageLoaded })}
+        >
           {art.linkedUsers?.map((user) => (
             <Link
               to={userPage(user)}

app/styles/common.css

@@ -1197,6 +1197,15 @@ dialog::backdrop {
   height: 20px;
 }
 
+.art__tags-container {
+  display: flex;
+  column-gap: var(--s-2);
+  row-gap: var(--s-0-5);
+  justify-content: center;
+  flex-wrap: wrap;
+  margin-block-start: var(--s-0-5);
+}
+
 .pagination__dot {
   width: 0.6rem;
   height: 0.6rem;