From 25d5cd6cc91b441c2df3227af7e09d905d83cfdb Mon Sep 17 00:00:00 2001
From: Damian Stasik <920747+damianstasik@users.noreply.github.com>
Date: Mon, 4 Sep 2023 16:44:08 +0200
Subject: [PATCH] Improve mobile version

---
 src/components/SupportersList/index.tsx | 9 +++++----
 src/pages/supporters.tsx                | 2 +-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/components/SupportersList/index.tsx b/src/components/SupportersList/index.tsx
index ad36c9cf..58fe4418 100644
--- a/src/components/SupportersList/index.tsx
+++ b/src/components/SupportersList/index.tsx
@@ -23,7 +23,7 @@ export default function SupportersList({ list }: SupportersListProps) {
             className="even:bg-transparent border-t-0 border-b border-white/20 [.light_&]:border-gray-150 w-full"
             key={supporter.name}
           >
-            <td className="py-3 md:py-6 border-0 w-2/6 md:w-1/6 px-6">
+            <td className="py-3 md:py-6 border-0 w-2/6 md:w-1/6 pl-6">
               <Link
                 href={supporter.url}
                 target="_blank"
@@ -33,17 +33,18 @@ export default function SupportersList({ list }: SupportersListProps) {
                   <img
                     src={logos[supporter.name]}
                     alt={supporter.name}
-                    className="min-w-[100px]"
+                    className="w-[100px]"
                   />
                 ) : (
                   supporter.name
                 )}
               </Link>
+              <p className="flex md:hidden mt-2 text-xs">{supporter.type}</p>
             </td>
-            <td className="py-3 md:py-6 border-0 w-2/6 text-center text-[#9DA6B5]">
+            <td className="py-3 md:py-6 border-0 hidden md:table-cell md:w-2/6 text-center">
               {supporter.type}
             </td>
-            <td className="py-3 md:py-6 border-0 w-2/6 md:w-3/6 text-right text-[#9DA6B5] px-6">
+            <td className="py-3 md:py-6 border-0 w-4/6 text-right pr-6">
               {supporter.pledge}
             </td>
           </tr>
diff --git a/src/pages/supporters.tsx b/src/pages/supporters.tsx
index 216868aa..d7f1cc7b 100644
--- a/src/pages/supporters.tsx
+++ b/src/pages/supporters.tsx
@@ -32,7 +32,7 @@ export default function SupportersPage() {
       </Jumbotron>
       <div className="bg-white flex-1 text-gray-600">
         <div className="container mx-auto pt-6 pb-10">
-          <div className="flex gap-6 justify-center bg-white sticky top-0 py-4">
+          <div className="flex flex-wrap gap-6 justify-center bg-white sticky top-0 py-4">
             {types.map(([type, supporters]) => (
               <Button
                 key={type}