Bold the title and have thicker nav underline

acteng · Aug 8, 2024 · 0242f43 · 0242f43
1 parent c6456a9
commit 0242f43
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/src/lib/ServiceHeader.svelte b/src/lib/ServiceHeader.svelte
@@ -4,7 +4,7 @@
 </script>
 
 <div class="service-header">
-  <div class="govuk-width-container govuk-caption-xl">{service}</div>
+  <div class="govuk-width-container govuk-caption-xl"><b>{service}</b></div>
 </div>
 
 <style>

diff --git a/src/lib/files/FileManager.svelte b/src/lib/files/FileManager.svelte
@@ -190,7 +190,9 @@
 
     <div class="govuk-grid-column-one-third">
       <h2 class="green-bar">Create or import a file</h2>
-      <SecondaryButton on:click={newFile}>New blank scheme file</SecondaryButton>
+      <SecondaryButton on:click={newFile}>
+        New blank scheme file
+      </SecondaryButton>
       <hr />
       <FileInput label="Import from a .json file" onLoad={importJsonFile} />
 

diff --git a/src/lib/nav/NavHeader.svelte b/src/lib/nav/NavHeader.svelte
@@ -12,7 +12,11 @@
   <ol>
     {#each navList as [path, title, currentlyHere]}
       <li>
-        <a href="{base}{path}" class:govuk-link--no-underline={!currentlyHere}>
+        <a
+          href="{base}{path}"
+          class="govuk-link--no-underline"
+          class:underline={currentlyHere}
+        >
           {title}
         </a>
       </li>
@@ -34,4 +38,8 @@
   li:first-child {
     margin-left: 0;
   }
+
+  .underline {
+    border-bottom: 5px solid #007161;
+  }
 </style>