From 7a5cfa43d9c49ae9c846a66698b261760f5c7987 Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Mon, 29 Sep 2025 21:44:23 +0000
Subject: [PATCH] Update auction page layout and information display

Adjusted the layout of the auction page by moving the title and description to the header next to the logo. Modified auction cards to display only the media outlet name, removing redundant information and improving clarity.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/bLfICpO
---
 client/src/pages/Auctions.tsx | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/client/src/pages/Auctions.tsx b/client/src/pages/Auctions.tsx
index 346ae5c..9f77672 100644
--- a/client/src/pages/Auctions.tsx
+++ b/client/src/pages/Auctions.tsx
@@ -163,7 +163,7 @@ export default function Auctions() {
       <header className="bg-white border-b border-gray-200 sticky top-0 z-50">
         <div className="max-w-7xl mx-auto px-4 py-3">
           <div className="flex items-center justify-between">
-            <div className="flex items-center">
+            <div className="flex items-center gap-4">
               <Link href="/">
                 <img 
                   src="/attached_assets/logo_black_1759181850935.png" 
@@ -172,6 +172,10 @@ export default function Auctions() {
                   data-testid="logo-sapiens"
                 />
               </Link>
+              <div>
+                <h1 className="text-base font-bold">Media Outlet Auctions</h1>
+                <p className="text-xs text-gray-600">Bid for exclusive editorial rights and content management privileges</p>
+              </div>
             </div>
             
             <div className="flex items-center space-x-3">
@@ -210,15 +214,9 @@ export default function Auctions() {
       </header>
 
       <main className="flex-1 max-w-7xl mx-auto px-4 py-3 w-full">
-        {/* Page Header */}
+        {/* Auction Explanation */}
         <div className="mb-4">
-          <h1 className="text-2xl font-bold mb-2">Media Outlet Auctions</h1>
-          <p className="text-sm text-gray-600">
-            Bid for exclusive editorial rights and content management privileges
-          </p>
-          
-          {/* Auction Explanation */}
-          <Card className="mt-3">
+          <Card>
             <CardContent className="p-3">
               <h3 className="font-semibold mb-2 text-sm">How Auctions Work</h3>
               <div className="grid grid-cols-1 md:grid-cols-3 gap-3 text-xs">
@@ -275,11 +273,7 @@ export default function Auctions() {
                   <CardContent className="p-6">
                     <div className="flex items-start justify-between mb-4">
                       <div>
-                        <h3 className="font-semibold text-lg line-clamp-1">{auction.title}</h3>
-                        <p className="text-sm text-muted-foreground mb-1">
-                          {getMediaOutletName(auction.mediaOutletId)}
-                        </p>
-                        <p className="text-sm text-muted-foreground line-clamp-2">{auction.description}</p>
+                        <h3 className="font-semibold text-lg line-clamp-1">{getMediaOutletName(auction.mediaOutletId)}</h3>
                       </div>
                       <Badge variant={status.variant}>{status.text}</Badge>
                     </div>