More work on the Launcher and related

src/routes/events/[event_id]/(launcher)/launcher_file_cont.svelte

@@ -586,18 +586,42 @@ async function handle_open_file() {
     </Element_ae_crud>
 
 
-    <span class="event_file_created_on" class:hidden="{hide_created_on}">
-        <span>
-            <span class="fas fa-calendar-day hidden lg:inline-block"></span>
+    <span
+        class="
+            event_file_created_on
+            text-xs text-center
+            flex flex-row gap-1 items-center justify-end
+            w-24 max-w-28
+            preset-filled-surface-100-900
+            rounded
+            p-1
+            "
+        class:hidden="{hide_created_on}"
+        >
+        <span class="fas fa-calendar-day"></span>
+        <span class="flex flex-row flex-wrap gap-1 items-center justify-end">
+        <span class="w-18">
             {ae_util.iso_datetime_formatter(event_file_obj.created_on, 'date_short')}
         </span>
-        <span>
+        <span class="w-18">
             <!-- <span class="fas fa-clock"></span> -->
             {ae_util.iso_datetime_formatter(event_file_obj.created_on, 'time_12_short')}
         </span>
+        </span>
     </span>
 
-    <span class="event_file_size text-right" class:hidden="{hide_size}">
+    <span
+        class="
+            event_file_size
+            text-xs text-center
+            flex flex-row gap-1 items-center justify-end
+            preset-filled-surface-100-900
+            w-22 max-w-28
+            rounded
+            p-1
+            "
+        class:hidden="{hide_size}"
+        >
         <span class="fas fa-save"></span>
         {#if event_file_obj.file_size}{ae_util.format_bytes(event_file_obj.file_size)}{/if}
     </span>