refac: styling

src/lib/components/chat/Messages/ResponseMessage.svelte

@@ -363,7 +363,7 @@
 								{#if message.done}
 									<div class=" flex justify-start space-x-1 -mt-2 overflow-x-auto buttons">
 										{#if siblings.length > 1}
-											<div class="flex self-center">
+											<div class="flex self-center min-w-fit">
 												<button
 													class="self-center"
 													on:click={() => {
@@ -384,7 +384,7 @@
 													</svg>
 												</button>
 
-												<div class="text-xs font-bold self-center">
+												<div class="text-xs font-bold self-center min-w-fit">
 													{siblings.indexOf(message.id) + 1} / {siblings.length}
 												</div>
 

src/routes/(app)/c/[id]/+page.svelte

@@ -840,7 +840,7 @@
 					/>
 				</div>
 
-				<div class=" h-full mt-10 mb-32 w-full flex flex-col">
+				<div class=" h-full w-full flex flex-col py-8">
 					<Messages
 						chatId={$chatId}
 						{selectedModels}