npm updates. All but svelte

[nominatim-ui.git] / src / components / DetailsPostcodeHint.svelte

diff --git a/src/components/DetailsPostcodeHint.svelte b/src/components/DetailsPostcodeHint.svelte
index 72d05b8cad411931962ef3cfd561072b3f33d5a7..13ac99b656b45aff5479a28127f9bd45a5802413 100644 (file)
--- a/src/components/DetailsPostcodeHint.svelte
+++ b/src/components/DetailsPostcodeHint.svelte
@@ -47,13 +47,25 @@
 (<a href="#openHint" on:click|preventDefault|stopPropagation={openHint}>how?</a>)
 
 <div id="postcode-hint" class="my-2 p-2">
-  <button type="button" class="close" aria-label="Close" on:click|stopPropagation={closeHint}>
-    <span aria-hidden="true">&times;</span>
-  </button>
-
-  Nightly calculated from nearby places having this postcode.
-  <a href="https://nominatim.org/release-docs/latest/develop/Postcodes/">Documentation</a>.
-  You can search for those with an <a href={url} target="_blank">Overpass Turbo query</a>.
+  <button type="button"
+          class="btn-close float-end m-1"
+          aria-label="Close"
+          on:click|stopPropagation={closeHint}
+  />
+  <p>
+    Nightly calculated from nearby places having this postcode.
+    <a href="https://nominatim.org/release-docs/latest/admin/Maintenance/#updating-postcodes">
+      Documentation
+    </a>.
+  </p>
+  <p>
+    You can search for those with an
+    <a href={url} target="_blank" rel="noreferrer">Overpass Turbo query</a>.
+  </p>
+  <p>
+    <a href="https://nominatim.org/2022/06/26/state-of-postcodes.html"
+       target="_blank" rel="noreferrer">How Nominatim uses postcodes</a>.
+  </p>
 </div>
 
 <style>
@@ -62,7 +74,4 @@
     background-color: #ededff;
     display: none;
   }
-  .close {
-    font-size: 1rem;
-  }
-</style>
\ No newline at end of file
+</style>