From bf858e4d3895c32478cfac35ff795f4f0f251556 Mon Sep 17 00:00:00 2001
From: Nikil Kuruvilla <nikilok@gmail.com>
Date: Sat, 2 May 2026 10:52:21 +0100
Subject: [PATCH] feat: improve mobile layout for the submissions

---
 src/routes/account/submissions.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/routes/account/submissions.tsx b/src/routes/account/submissions.tsx
index 35a398b6a..3772cb894 100644
--- a/src/routes/account/submissions.tsx
+++ b/src/routes/account/submissions.tsx
@@ -137,14 +137,17 @@ function AccountSubmissionsPage() {
               key={showcase.id}
               className="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden"
             >
-              <div className="flex">
+              <div className="flex flex-col sm:flex-row">
                 {/* Screenshot */}
-                <div className="w-48 h-32 flex-shrink-0 bg-gray-100 dark:bg-gray-900">
+                <div className="relative w-full h-48 sm:w-48 sm:h-32 shrink-0 bg-gray-100 dark:bg-gray-900">
                   <img
                     src={showcase.screenshotUrl}
                     alt={showcase.name}
                     className="w-full h-full object-cover"
                   />
+                  <div className="absolute top-2 right-2 sm:hidden">
+                    {getStatusBadge(showcase.status)}
+                  </div>
                 </div>
 
                 {/* Content */}
@@ -158,7 +161,9 @@ function AccountSubmissionsPage() {
                         {showcase.tagline}
                       </p>
                     </div>
-                    {getStatusBadge(showcase.status)}
+                    <div className="hidden sm:block">
+                      {getStatusBadge(showcase.status)}
+                    </div>
                   </div>
 
                   {/* Libraries */}