fix: flag position

kyziq · Jan 11, 2024 · 16f8e41 · 16f8e41
1 parent b3844b6
commit 16f8e41
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/pages/ArtDescription.jsx b/src/pages/ArtDescription.jsx
@@ -55,11 +55,13 @@ const ArtInfo = ({ artItem }) => (
         <span className="font-semibold">Dimensions: </span>
         {artItem.dimensions}
       </p>
-      <div className="flex items-center">
+      <p>
         <span className="font-semibold">Location: </span>
-        <span className="ml-2">{artItem.location}</span>
-        <FlagImage countryCode={artItem.countryCode} />
-      </div>
+        {artItem.location}
+        <span style={{ display: 'inline-flex', alignItems: 'center' }}>
+          <FlagImage countryCode={artItem.countryCode} />
+        </span>
+      </p>
     </CardBody>
   </Card>
 );