diff --git a/src/app.postcss b/src/app.postcss
index 5dd7aa37..f23d8163 100644
--- a/src/app.postcss
+++ b/src/app.postcss
@@ -437,8 +437,6 @@ input.required:invalid,
.subtitle {
font-size: 1rem;
line-height: 1.25rem;
- margin-top: 0.5rem;
- margin-bottom: 0.5rem;
}
}
@@ -454,6 +452,8 @@ input.required:invalid,
.title {
font-size: 1rem;
line-height: 1rem;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
}
}
@@ -469,11 +469,14 @@ input.required:invalid,
.title {
font-size: 1.125rem;
line-height: 1.25rem;
+ margin-top: 0.5rem;
}
.subtitle {
font-size: 0.8rem;
line-height: 1rem;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
}
}
@@ -485,6 +488,11 @@ input.required:invalid,
.icon {
font-size: 5em;
}
+
+ .title {
+ margin-top: 0.875rem;
+ margin-bottom: 0.875rem;
+ }
}
/* === Button Groups - Horizontal === */
diff --git a/src/lib/components/Content.svelte b/src/lib/components/Content.svelte
index 9e780f31..208527ea 100644
--- a/src/lib/components/Content.svelte
+++ b/src/lib/components/Content.svelte
@@ -22,12 +22,8 @@
class={`main-content ${full ? 'w-full' : ''} ${$$props.class ?? ''}`}
in:fly={{ duration: 300, x: transition ? '100%' : '0' }}
>
-
- {#if backUrl}
{backTitle}{/if}
- {#if title}
{title}
{/if}
-
- {#if subtitle}{subtitle}
{/if}
+ {#if backUrl}{backTitle}{/if}
+ {#if title}{title}
{/if}
+ {#if subtitle}{subtitle}
{/if}
diff --git a/src/lib/components/explorer/AddFilter.svelte b/src/lib/components/explorer/AddFilter.svelte
index bc86ca5f..02f6c337 100644
--- a/src/lib/components/explorer/AddFilter.svelte
+++ b/src/lib/components/explorer/AddFilter.svelte
@@ -150,21 +150,27 @@
{:else if data?.type === 'Continuous'}
-
{/if}
diff --git a/src/lib/components/explorer/Panel.svelte b/src/lib/components/explorer/Panel.svelte
index d05bbca5..29b034bd 100644
--- a/src/lib/components/explorer/Panel.svelte
+++ b/src/lib/components/explorer/Panel.svelte
@@ -5,7 +5,7 @@
@@ -19,7 +19,7 @@
{#if $$slots.action}{/if}
{#if $$slots.help}{/if}
-
diff --git a/src/lib/components/explorer/genome-filter/FilterType.svelte b/src/lib/components/explorer/genome-filter/FilterType.svelte
index e2af4461..77bdab18 100644
--- a/src/lib/components/explorer/genome-filter/FilterType.svelte
+++ b/src/lib/components/explorer/genome-filter/FilterType.svelte
@@ -8,13 +8,13 @@
const dispatch = createEventDispatcher<{ select: { option: Option } }>();
-
+
dispatch('select', { option: Option.Genomic })}
/>
@@ -23,7 +23,7 @@
title="Search for a specific SNP"
subtitle="Ex: chr17,35269878,G,A"
size="other"
- class="w-1/2 h-32 min-h-32"
+ class="w-2/3 h-32 min-h-32"
active={active === Option.SNP}
on:click={() => dispatch('select', { option: Option.SNP })}
/>
diff --git a/src/lib/components/explorer/genome-filter/GeneSearch.svelte b/src/lib/components/explorer/genome-filter/GeneSearch.svelte
index c3e33dc5..bc7a87f1 100644
--- a/src/lib/components/explorer/genome-filter/GeneSearch.svelte
+++ b/src/lib/components/explorer/genome-filter/GeneSearch.svelte
@@ -22,7 +22,6 @@
title="Search for Gene with Variant"
subtitle="Use the official gene symbol."
required={true}
- class="h-full"
>