feat: UI improvements

Author: allozaur

apps/browser-extension/src/routes/+layout.svelte

@@ -39,14 +39,14 @@
 		{#if $page.url.pathname === '/settings'}
 			<h1>Settings</h1>
 
-			<a href="/"> <Icon name="xmark" --size="1.625rem" /></a>
+			<a href="/"> <Icon name="xmark" --size="1.5rem" /></a>
 		{:else}
 			<h1>
 				🔥 roast<strong>.dev</strong>
 			</h1>
 
 			<a href="/settings">
-				<Icon name="settings" --stroke="var(--c-text-light)" --size="1.625rem" />
+				<Icon name="settings" --stroke="var(--c-text-light)" --size="1.5rem" />
 			</a>
 		{/if}
 	</header>
@@ -67,7 +67,7 @@
 		justify-content: space-between;
 
 		h1 {
-			font-size: 1.75rem;
+			font-size: 1.5rem;
 			margin: 0;
 
 			strong {

apps/browser-extension/src/routes/+page.svelte

@@ -207,7 +207,7 @@ ${file.content}
 				});
 			}
 
-			statusText = `Roasting your code 🔥 Do not close the plugin window or I'll smack ya!`;
+			statusText = `Roasting your code 🔥 Do not close the plugin window or I'll smack ya! 🥊`;
 
 			const { content, role } = await generateRoast(roastConversation.messages ?? []);
 
@@ -273,7 +273,7 @@ ${file.content}
 </script>
 
 {#if roastPrTitle}
-	<header>
+	<div class="top">
 		<Logo name="github" --size="1.625rem" --fill="var(--c-text)" />
 
 		<h1 class="pr-title">
@@ -283,7 +283,7 @@ ${file.content}
 				#{@html roastPrUrl.replace('/files', '').split('/').pop()}
 			</span>
 		</h1>
-	</header>
+	</div>
 {/if}
 
 {#if isOnWrongPage && tabUrl.includes('/pull/')}
@@ -348,7 +348,7 @@ ${file.content}
 {/if}
 
 <style>
-	header {
+	.top {
 		align-items: start;
 		display: inline-grid;
 		gap: 0.5rem;