From dedc5e8e165335f4cd1642a5d54248ef35804682 Mon Sep 17 00:00:00 2001
From: "Felix C. Morency" <1102868+fmorency@users.noreply.github.com>
Date: Thu, 19 Dec 2024 15:12:32 -0500
Subject: [PATCH] fix: mobile rendering

---
 components/factory/components/DenomList.tsx | 17 ++++++++++++++++-
 components/groups/components/myGroups.tsx   | 16 ++++++++--------
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/components/factory/components/DenomList.tsx b/components/factory/components/DenomList.tsx
index 4436560..914aa6b 100644
--- a/components/factory/components/DenomList.tsx
+++ b/components/factory/components/DenomList.tsx
@@ -301,7 +301,7 @@ export default function DenomList({
           }
           passHref
         >
-          <button className="btn btn-gradient w-[224px] h-[52px] text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary">
+          <button className="btn btn-gradient w-[224px] h-[52px] hidden md:block text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary">
             Create New Token
           </button>
         </Link>
@@ -370,6 +370,21 @@ export default function DenomList({
           </div>
         )}
       </div>
+      <div className="mt-6  w-full justify-center md:hidden block">
+        <Link
+          href={
+            isGroup
+              ? `/factory/create?isGroup=${isGroup}&groupPolicyAddress=${admin}`
+              : '/factory/create'
+          }
+          passHref
+        >
+          <button className="btn btn-gradient w-full h-[52px] text-white rounded-[12px]">
+            Create New Token
+          </button>
+        </Link>
+      </div>
+
       <DenomInfoModal
         openDenomInfoModal={modalType === 'info'}
         setOpenDenomInfoModal={open => {
diff --git a/components/groups/components/myGroups.tsx b/components/groups/components/myGroups.tsx
index 7c13bfd..7c81871 100644
--- a/components/groups/components/myGroups.tsx
+++ b/components/groups/components/myGroups.tsx
@@ -334,7 +334,7 @@ export function YourGroups({
               </table>
               <div className="flex item-center justify-between">
                 <Link href="/groups/create" passHref aria-label="Create new group">
-                  <button className="btn btn-gradient w-[224px] h-[52px] text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary">
+                  <button className="btn btn-gradient w-[224px] h-[52px] hidden md:block text-white rounded-[12px] focus:outline-none focus-visible:ring-1 focus-visible:ring-primary">
                     Create New Group
                   </button>
                 </Link>
@@ -403,15 +403,15 @@ export function YourGroups({
                   </div>
                 )}
               </div>
+              <div className="mt-6  w-full justify-center md:hidden block">
+                <Link href="/groups/create" passHref>
+                  <button className="btn btn-gradient w-full h-[52px] text-white rounded-[12px]">
+                    Create New Group
+                  </button>
+                </Link>
+              </div>
             </div>
           </div>
-          <div className="mt-6  w-full justify-center md:hidden block">
-            <Link href="/groups/create" passHref>
-              <button className="btn btn-gradient w-full h-[52px] text-white rounded-[12px]">
-                Create New Group
-              </button>
-            </Link>
-          </div>
         </div>
       </div>