diff --git a/src/molecules/Photo.svelte b/src/molecules/Photo.svelte index 88ea361..b025aca 100644 --- a/src/molecules/Photo.svelte +++ b/src/molecules/Photo.svelte @@ -18,6 +18,7 @@ const { name, date, location } = photo const { private_hash } = photo.image const imgAlt = `${name}, ${location.region}, ${location.country.name}` + const nameSplit = name.split(', ') // Photo index const photoIndex = (index < 10 ? '0': '') + index @@ -35,9 +36,11 @@

- {#each name.split(', ') as line, i} + {#each nameSplit as line, i} - {name.split(', ')[i]}, + + {nameSplit[i]}{#if i < nameSplit.length - 1},{/if} + {/each}

diff --git a/src/style/molecules/_photo.scss b/src/style/molecules/_photo.scss index 1f596fa..44c4fe8 100644 --- a/src/style/molecules/_photo.scss +++ b/src/style/molecules/_photo.scss @@ -1,5 +1,4 @@ .photo { - /* ** Location */ @@ -13,6 +12,7 @@ margin-bottom: 56px; } + // Street name h2 { text-align: left; @@ -22,7 +22,8 @@ } .line { overflow: hidden; - padding-bottom: 3px; + margin: -12px 0 -16px; + padding: 12px 0; display: block; span {