feat(ProposalPage): reduce content width

to improve reability on larger windows

src/lib/components/events/EventWrapper.svelte

@@ -18,7 +18,7 @@
   $: created_at_ago = created_at ? dayjs(created_at * 1000).fromNow() : ''
 </script>
 
-<div class="border-b border-base-300 p-3 pl-3">
+<div class="max-w-4xl border-b border-base-300 p-3 pl-3">
   <div class="flex">
     <div class="flex-auto">
       <UserHeader user={author} />

src/lib/components/events/content/ParsedContent.svelte

@@ -14,7 +14,7 @@
   $: fullContent = parseContent({ content, tags })
 </script>
 
-<div>
+<div class="max-w-prose">
   {#each fullContent as part}
     {#if isParsedNewLine(part)}
       {#if part.value.length > 1}

src/lib/components/events/content/Patch.svelte

@@ -48,7 +48,7 @@
 
 <div class="">
   <div class="flex rounded-t bg-base-300 p-1">
-    <article class="ml-2 flex-grow font-mono">
+    <article class="ml-2 flex-grow font-mono text-sm">
       <ParsedContent content={commit_message} />
     </article>
     <div class="flex-none p-1 align-middle text-xs text-neutral">commit</div>

src/routes/repo/[repo_id]/proposal/[proposal_id]/+page.svelte

@@ -69,8 +69,9 @@
 {:else}
   <ProposalHeader {...$selected_proposal_full.summary} />
   <Container>
-    <div class="md:flex">
+    <div class="mx-auto max-w-6xl md:flex">
       <div class="md:mr-2 md:w-2/3">
+        <div class="max-w-4xl">
           <div role="alert" class="alert mt-3">
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -115,6 +116,7 @@
             <Compose />
           </div>
         </div>
+      </div>
       <div class="prose ml-2 hidden w-1/3 md:flex">
         <ProposalDetails
           summary={$selected_proposal_full.summary}