From 3fb6152faca45aa936e815819a571fc154eba742 Mon Sep 17 00:00:00 2001
From: Bryan <bryan.duran@jpl.nasa.gov>
Date: Fri, 17 May 2024 16:09:43 -0700
Subject: [PATCH] Small sequencing tweaks (#1290)

* fix new Phoenix logo alignment

* prefer template strings
---
 src/components/sequencing/SequenceEditor.svelte |  4 ++--
 src/routes/sequencing/+layout.svelte            | 15 +++++++++++----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/sequencing/SequenceEditor.svelte b/src/components/sequencing/SequenceEditor.svelte
index 7e13ac6a31..b721abc6bf 100644
--- a/src/components/sequencing/SequenceEditor.svelte
+++ b/src/components/sequencing/SequenceEditor.svelte
@@ -212,14 +212,14 @@
   function downloadSeqJson() {
     const a = document.createElement('a');
     a.href = URL.createObjectURL(new Blob([editorSeqJsonView.state.doc.toString()], { type: 'application/json' }));
-    a.download = sequenceName + '.json';
+    a.download = `${sequenceName}.json`;
     a.click();
   }
 
   function downloadSeqN() {
     const a = document.createElement('a');
     a.href = URL.createObjectURL(new Blob([editorSequenceView.state.doc.toString()], { type: 'text/plain' }));
-    a.download = sequenceName + '.txt';
+    a.download = `${sequenceName}.txt`;
     a.click();
   }
 
diff --git a/src/routes/sequencing/+layout.svelte b/src/routes/sequencing/+layout.svelte
index f6e0d96c5a..9dbbf8e73f 100644
--- a/src/routes/sequencing/+layout.svelte
+++ b/src/routes/sequencing/+layout.svelte
@@ -11,10 +11,17 @@
 
 <CssGrid rows="var(--nav-header-height) calc(100vh - var(--nav-header-height))">
   <Nav user={data.user}>
-    <span class="sequencing-title" slot="title"
-      ><span class="app-icon"><PhoenixIcon height={16} /></span>
-      Phoenix Sequencing</span
-    >
+    <div class="sequencing-title" slot="title">
+      <span class="app-icon"><PhoenixIcon height={16} /></span>
+      Phoenix Sequencing
+    </div>
   </Nav>
   <slot />
 </CssGrid>
+
+<style>
+  .sequencing-title {
+    align-items: center;
+    display: flex;
+  }
+</style>