Styling updates.

Author: joehdodd

apps/web/app/account/page.tsx

@@ -85,7 +85,7 @@ export default function AccountPage() {
 
   return (
     <div className="bg-ps-primary h-[calc(100vh-6rem)] overflow-y-scroll">
-      <div className="container mx-auto px-2 py-2 md:px-6 md:py-8">
+      <div className="container mx-auto p-4 md:px-6 md:py-8">
         <div className="max-w-6xl mx-auto">
           <div className="mb-8">
             <h1 className="md:text-4xl font-bold text-ps-primary mb-2">

apps/web/app/components/Navigation.tsx

@@ -17,7 +17,7 @@ export default function Navigation({ hasDashboardAccess }: { hasDashboardAccess?
 
   return (
     <nav className="border-ps" style={{ borderBottomWidth: '1px' }}>
-      <div className="container mx-auto px-6 py-4">
+      <div className="container mx-auto p-4 md:px-6 md:py-4">
         <div className="flex gap-4 flex-col md:items-center">
           {/* Logo */}
           <Link

apps/web/app/prompt/[id]/page.tsx

@@ -29,7 +29,7 @@ export default async function PromptDetail({ params }: PromptPageProps) {
 
   return (
     <div className="min-h-screen bg-ps-primary">
-      <div className="container mx-auto px-2 py-4 md:px-6 md:py-8">
+      <div className="container mx-auto p-4 md:px-6 md:py-8">
         <div className="max-w-4xl mx-auto">
           <div className="bg-ps-secondary rounded-lg border-ps p-4 md:p-8 mb-6 border shadow-md">
             <PromptHeader prompt={prompt} />

apps/web/app/prompt/page.tsx

@@ -20,7 +20,7 @@ export default async function Prompt() {
 
   return (
     <div className="min-h-screen bg-ps-primary">
-      <div className="container mx-auto px-2 py-2 md:px-6 md:py-8">
+      <div className="container mx-auto p-4 md:px-6 md:py-8">
         <div className="max-w-4xl mx-auto">
           {/* Header */}
           <div className="mb-8">