wrappers, embed description in view

src/components/galleries/gallery-tile.vue

@@ -25,7 +25,8 @@ const title = computed(() => getTitleFromEntryOrId(props.entry, props.id))
       :src='entry.thumbnailUrl || entry.url'
       :alt='entry.description || id'
     )
-  p {{ title }}
+  .caption-wrapper
+    p {{ title }}
 </template>
 
 <style scoped lang="sass">

src/views/gallery-list.vue

@@ -78,13 +78,16 @@ onMounted(async () => {
 
 <template lang="pug">
 .template.gallery-list
-  .gallery(
+  .navigation(
     v-if='ready'
   )
     p(
       v-if='variants?.length > 0'
       @click='onNavigateBack($event)'
     ) Back
+  .gallery(
+    v-if='ready'
+  )
     GalleryTile(
       v-for='(entry, id) in entries'
       :entry='entry'

src/views/gallery-view.vue

@@ -8,6 +8,8 @@ import { fetchAndParseYaml } from 'src/utilities/fetch'
 import { getCurrentRoute } from 'src/utilities/vuetils'
 import { useRouteStore } from 'src/routes'
 
+import EmbedableContent from 'src/components/shared/embedable-content.vue'
+
 const props = defineProps<{
   variants: string[]
 }>()
@@ -45,7 +47,11 @@ onMounted(async () => {
       img(
         :src='entry.url || entry.thumbnailUrl'
       )
-    p {{ title }}
+    .view-content
+      p {{ title }}
+      EmbedableContent(
+        :content='entry.description'
+      )
 </template>
 
 <style scoped lang="sass">