From c002f3d11e57359231edebd519c3135dd4b1cf6d Mon Sep 17 00:00:00 2001
From: aman035 <guptaaman200115@gmail.com>
Date: Mon, 8 Jul 2024 21:50:42 +0530
Subject: [PATCH] chore: fix dapp css

---
 .../examples/dnode-dapp/src/pages/dashboard/index.tsx     | 2 +-
 .../examples/dnode-dapp/src/pages/pushscan/[address].tsx  | 4 ++--
 packages/examples/dnode-dapp/src/pages/pushscan/index.tsx | 8 ++++----
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/examples/dnode-dapp/src/pages/dashboard/index.tsx b/packages/examples/dnode-dapp/src/pages/dashboard/index.tsx
index 7d963b41b..9df5ce538 100644
--- a/packages/examples/dnode-dapp/src/pages/dashboard/index.tsx
+++ b/packages/examples/dnode-dapp/src/pages/dashboard/index.tsx
@@ -4,7 +4,7 @@ import SendNotification from '../../components/Notification';
 
 const Dashboard: React.FC = () => {
   return (
-    <div className="p-20">
+    <div className="p-5 md:p-10 lg:p-20">
       <SendNotification />
     </div>
   );
diff --git a/packages/examples/dnode-dapp/src/pages/pushscan/[address].tsx b/packages/examples/dnode-dapp/src/pages/pushscan/[address].tsx
index 39e97b5ee..38e1e4607 100644
--- a/packages/examples/dnode-dapp/src/pages/pushscan/[address].tsx
+++ b/packages/examples/dnode-dapp/src/pages/pushscan/[address].tsx
@@ -45,12 +45,12 @@ const PushScan: React.FC = () => {
   }, [address]);
 
   return (
-    <div className="p-4 mx-20 mb-10">
+    <div className="p-4 mx-5 md:mx-10 lg:mx-20 mb-10">
       {/* Header with Search Bar */}
       <header className="flex justify-center items-center text-center mb-4">
         <SearchBar />
       </header>
-      <h1 className="text-lg mb-4 pt-10 pb-5">
+      <h1 className="text-lg mb-4 pt-10 pb-5 break-words overflow-x-auto">
         PushScan Results for: <span className="font-bold">{address}</span>
       </h1>
       {data && (
diff --git a/packages/examples/dnode-dapp/src/pages/pushscan/index.tsx b/packages/examples/dnode-dapp/src/pages/pushscan/index.tsx
index d3bc1278e..61f912eab 100644
--- a/packages/examples/dnode-dapp/src/pages/pushscan/index.tsx
+++ b/packages/examples/dnode-dapp/src/pages/pushscan/index.tsx
@@ -56,7 +56,7 @@ export default function Explorer() {
   }, []);
 
   return (
-    <div className="p-4 mx-20 mb-10">
+    <div className="p-4 mx-5 md:mx-10 lg:mx-20 mb-10">
       {/* Header with Search Bar */}
       <header className="flex justify-center items-center text-center mb-4">
         <SearchBar />
@@ -77,7 +77,7 @@ export default function Explorer() {
                   alt={`${notification.address} img`}
                 />
                 <div className="min-w-0 flex-auto">
-                  <p className="text-sm font-semibold leading-6 text-gray-900">
+                  <p className="text-sm font-semibold leading-6 text-gray-900 break-words overflow-x-auto">
                     {notification.address}
                   </p>
                 </div>
@@ -94,14 +94,14 @@ export default function Explorer() {
       </ul>
 
       <div className="mt-6 flex justify-end space-x-4">
-        {page > 1 && (
+        {/* {page > 1 && (
           <button
             onClick={() => setPage(page - 1)}
             className="rounded-md bg-gray-200 px-4 py-2 text-sm font-semibold text-gray-900 hover:bg-gray-300"
           >
             Previous Page
           </button>
-        )}
+        )} */}
         {/* {page * size < total && (
           <button
             onClick={handleNextPage}