Small sequencing tweaks (#1290)

* fix new Phoenix logo alignment * prefer template strings
NASA-AMMOS · May 17, 2024 · 3fb6152 · 3fb6152
1 parent 45b081f
commit 3fb6152
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git 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
@@ -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>