fix: styling

oplik0 · Oct 24, 2022 · 23b9548 · 23b9548
1 parent 4b0dd5b
commit 23b9548
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -35,7 +35,9 @@
 
 <Breadcrumbs />
 <Nav items={routes} />
-<Router {routes} />
+<main>
+	<Router {routes} />
+</main>
 
 <style>
 	:global(body) {

diff --git a/src/lib/KeyCard.svelte b/src/lib/KeyCard.svelte
@@ -166,12 +166,14 @@
 		<svelte:fragment slot="content">
 			<div class="expanded-content">
 				{#if key.name}
-					<TextBlock variant="bodyStrong">uuid: {key.uuid}</TextBlock>
+					<TextBlock variant="caption" class="uuid-content">
+						{key.uuid}
+					</TextBlock>
 				{/if}
 				<TextBlock variant="bodyStrong">semver: v{key.version}</TextBlock>
-				<TextBlock variant="bodyStrong"
-					>variant: {key.secure ? "secure" : "hacker"}</TextBlock
-				>
+				<TextBlock variant="bodyStrong">
+					variant: {key.secure ? "secure" : "hacker"}
+				</TextBlock>
 				<div>
 					<Button variant="hyperlink" href="#/totp/{key.uuid}">TOTP</Button>
 
@@ -370,6 +372,10 @@
 	:global(.overflow-visible > .expander-content-anchor) {
 		overflow: visible !important;
 	}
+	:global(.uuid-content) {
+		max-width: min-content;
+		text-align: center;
+	}
 	.selected_file {
 		fill: var(--fds-accent-default);
 	}