upgrade Bootstrap 4 => 5, remove jquery (#146)

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

diff --git a/src/components/DetailsOneRow.svelte b/src/components/DetailsOneRow.svelte
index cd74d93ecdb65ccfef42f4fe9f0c287d3ba6a262..1d63d7513be89a3f6ceed24397a48c72d9cfdd14 100644 (file)
--- a/src/components/DetailsOneRow.svelte
+++ b/src/components/DetailsOneRow.svelte
@@ -7,13 +7,14 @@
 
   export let addressLine;
   export let bDistanceInMeters;
+  export let bMarkUnusedLines = false;
 
   $: bAddressLineUsed = addressLine.isaddress;
 
 </script>
 
-<tr class:notused={!bAddressLineUsed}>
-  <td class="name font-weight-bold">
+<tr class:notused={bMarkUnusedLines && !bAddressLineUsed}>
+  <td class="name fw-bold">
     {#if addressLine.localname}
       {addressLine.localname}
     {:else}
@@ -29,9 +30,9 @@
     {#if addressLine.osm_id}
       <DetailsLink feature={addressLine}>details</DetailsLink>
     {:else if addressLine.type.match(/^country/)}
-      <PageLink page='search', params_hash={{ country: addressLine.localname }}>search by name</PageLink>
+      <PageLink page='search' params_hash={{ country: addressLine.localname }}>search by name</PageLink>
     {:else if addressLine.type === 'postcode'}
-      <PageLink page='search', params_hash={{ postalcode: addressLine.localname }}>search by name</PageLink>
+      <PageLink page='search' params_hash={{ postalcode: addressLine.localname }}>search by name</PageLink>
     {/if}
   </td>
 </tr>
@@ -40,7 +41,9 @@
   .notused {
     color:#ddd;
   }
-  .noname{
-    color:#800;
+
+  td {
+    padding: 2px 8px;
+    font-size: 0.9em;
   }
 </style>