Fix: mention license of panoramax

langs/en.json

@@ -206,6 +206,7 @@
             "openPanoramax": "Open Panoramax here",
             "openThemeDocumentation": "Open the documentation for thematic map {name}",
             "panoramaxHelp": "<b>Panoramax</b> is an online service which gathers street-level pictures and offers them under a free license. Contributors are allowed to use these pictures to improve OpenStreetMap",
+            "panoramaxLicenseCCBYSA": "Your pictures are published under CC-BY-SA - everyone can reuse your image if they mention your name",
             "seeOnMapillary": "See this image on Mapillary",
             "themeBy": "Theme maintained by {author}",
             "title": "Copyright and attribution",
@@ -895,4 +896,4 @@
             "startsWithQ": "A wikidata identifier starts with Q and is followed by a number"
         }
     }
-}
+}

src/UI/Image/UploadImage.svelte

@@ -83,11 +83,11 @@
     {/each}
     <FileSelector
       accept="image/*"
-      cls="button border-2 text-2xl"
+      cls="button border-2 flex flex-col"
       multiple={true}
       on:submit={(e) => handleFiles(e.detail)}
     >
-      <div class="flex items-center">
+      <div class="flex items-center text-2xl w-full justify-center">
         {#if image !== undefined}
           <img src={image} aria-hidden="true" />
         {:else}
@@ -100,8 +100,10 @@
         {/if}
       </div>
     </FileSelector>
-    <div class="text-sm">
-      <Tr cls="subtle italic" t={t.respectPrivacy} />
+    <div class="text-xs subtle italic">
+      <Tr t={Translations.t.general.attribution.panoramaxLicenseCCBYSA}/>
+      <span class="mx-1">—</span>
+      <Tr t={t.respectPrivacy} />
     </div>
   </div>
 </LoginToggle>