Merge pull request #847 from IATI/snags

Fixing various snags

src/components/FileStatusInfo.vue

@@ -1,7 +1,6 @@
 <template>
   <p>
-    This file has been tested against the IATI Standard XML Schema, and the IATI Standard Rulesets. For more
-    information, see
+    This data has been tested against the IATI Standard XML Schema and IATI Standard Rulesets. For more information, see
     <a href="https://docs.validator.iatistandard.org/">the documentation</a>.
   </p>
 

src/components/organisation/DocumentList.vue

@@ -2,15 +2,15 @@
   import { getSortDirection, getSortValue, sortDocuments, sortOptions } from "../../utils";
   import DocumentListItem from "./DocumentListItem.vue";
 
-  const headerClassNames = "hidden border-0 border-y border-solid border-gray-300 p-2.5 font-bold sm:block";
+  const headerClassNames = "hidden border-0 border-b border-solid border-gray-300 p-2.5 font-bold sm:block";
   const props = defineProps({
     documents: { type: Object, default: () => {} },
     sortvariable: { type: String, default: "" },
   });
 </script>
 
 <template>
-  <div class="grid grid-cols-1">
+  <div class="grid grid-cols-1 border border-solid border-gray-300">
     <div class="sticky top-0 grid grid-cols-5 gap-0 bg-white">
       <div class="first:pl-3.5" :class="headerClassNames">File Name</div>
       <div :class="headerClassNames">Identified in Registry</div>

src/components/organisation/OrganisationAlphabetNavigator.vue

@@ -5,7 +5,7 @@
     const id = event.target.innerHTML;
     const target = window.document.getElementById(id === "0 - 9" ? "123" : id.toLowerCase());
     if (target) {
-      target.scrollIntoView({ behavior: "smooth", block: "center" });
+      target.scrollIntoView({ behavior: "smooth", block: "start" });
     }
   };
 </script>

src/components/organisation/OrganisationsList.vue

@@ -13,8 +13,9 @@
   const anchors = computed(() =>
     organisations.value.reduce((items, curr) => {
       const firstChar = curr.title.split("")[0].toLowerCase();
-      return isNaN(Number(firstChar)) && !items.map((item) => item.anchor).includes(firstChar)
-        ? items.concat({ anchor: firstChar, name: curr.name })
+      const identifier = isNaN(Number(firstChar)) ? firstChar : "123";
+      return !items.map((item) => item.anchor).includes(identifier)
+        ? items.concat({ anchor: identifier, name: curr.name })
         : items;
     }, []),
   );
@@ -36,9 +37,8 @@
       Found <b>{{ organisations.length }}</b> organisations.
     </div>
     <hr class="mb-2" />
-    <span :id="123"></span>
     <div v-for="organisation in organisations" :key="organisation.name" class="p-2">
-      <span v-if="isAnchored(organisation.name)" :id="getAnchor(organisation.name).anchor"></span>
+      <span v-if="isAnchored(organisation.name)" :id="getAnchor(organisation.name).anchor" class="scroll-mt-12"></span>
       <RouterLink :to="`/organisation/${organisation.name}`">{{ organisation.title }}</RouterLink>
     </div>
   </div>

src/pages/HomePage.vue

@@ -1,8 +1,7 @@
 <template>
   <p>
-    The IATI Validator is an online tool for checking if data aligns with the rules and guidance of IATI Standard. It
-    allows users to check and improve the quality of IATI data to ensure it is accessible and useful to anyone working
-    with data on development and humanitarian resources and results.
+    The IATI Validator is a tool for assessing data using the rules and guidance of the IATI Standard. It provides
+    information on how to improve the quality of IATI data to ensure it is accessible and useful to data users.
   </p>
 
   <div class="iati-card-gallery my-12">

src/pages/OrganisationsPage.vue

@@ -21,9 +21,9 @@
 <template>
   <h1>Public Data Viewer</h1>
   <p>
-    Search for an organisation and access the validation results on their public IATI data. The organisation list and
-    the public IATI data is regularly refreshed from the IATI Registry. New organisations and IATI files will not
-    immediately be visible here, but after at most a day.
+    Search for an organisation and access the validation results of their public IATI data. The organisation list and
+    the public IATI data is regularly refreshed from the IATI Registry. New organisations and IATI files will be visible
+    within 24 hours.
   </p>
   <OrganisationsList :is-fetching="isFetching" :organisations="organisations" />
 </template>

src/pages/ReportPage.vue

@@ -124,13 +124,13 @@
 </script>
 
 <template>
-  <h1>File Validation Report</h1>
   <RouterLink v-if="isTestFile && dataset" :to="`/validate/${dataset.session_id}`" class="flex">
     <IconChevron class="mr-2" />
     <span>Return to your workspace</span>
   </RouterLink>
+  <h1>File Validation Report</h1>
   <div v-if="organisation || document || dataset">
-    <div>
+    <h2 class="text-xl">
       <template v-if="organisation">
         <RouterLink :to="`/organisation/${organisation.name}`">{{ organisation.title }}</RouterLink>
         -
@@ -139,7 +139,7 @@
         {{ getDocumentFileName(document) }}
       </RouterLink>
       <div v-if="dataset && isTestFile">{{ dataset.filename }}</div>
-    </div>
+    </h2>
     <DocumentInfo v-if="dataset && dataset.report" :document="document" :report="dataset.report" />
     <CaptionedLoadingSpinner v-if="(!dataset || !dataset.report) && !errors.length">
       Loading Report ...