Put film simulation inside tag

src/photo/PhotoLarge.tsx

@@ -75,21 +75,23 @@ export default function PhotoLarge({
                 <PhotoTags tags={tagsToShow} />}
             </div>
             {showCamera && photoHasCameraData(photo) &&
+            <div>
               <PhotoCamera
                 camera={camera}
                 showIcon={false}
                 hideApple={false}
-              />}
+              />
+              {photo.filmSimulation &&
+                <div className="-translate-x-0.5"> 
+                  <PhotoFujifilmSimulation
+                    simulation={photo.filmSimulation}
+                  />
+                </div>}
+            </div>}
           </>)}
           {renderMiniGrid(<>
             {photoHasExifData(photo) &&
               <ul className="text-medium">
-                {photo.filmSimulation &&
-                  <li>
-                    <PhotoFujifilmSimulation
-                      simulation={photo.filmSimulation}
-                    />
-                  </li>}
                 <li>
                   {photo.focalLengthFormatted}
                   {photo.focalLengthIn35MmFormatFormatted &&

src/vendors/fujifilm/PhotoFujifilmSimulation.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable max-len */
 import { cc } from '@/utility/css';
 import {
   FujifilmSimulation,
@@ -18,7 +17,7 @@ export default function PhotoFujifilmSimulation({
     <span
       title={`Film Simulation: ${large}`}
       className={cc(
-        'inline-flex items-center gap-1.5',
+        'inline-flex items-center gap-1',
         'text-medium uppercase',
       )}
     >
@@ -30,7 +29,8 @@ export default function PhotoFujifilmSimulation({
       </span>
       <span className={cc(
         'hidden xs:inline-block',
-        medium.endsWith('.') && '-mr-1',
+        'bg-gray-100 px-1 py-1 leading-none rounded-md',
+        'text-gray-500 text-[0.7rem] tracking-wide',
       )}>
         {medium}
       </span>