From b65e165ac46fedeae9abab76f6d2ed8ba12a7b6b Mon Sep 17 00:00:00 2001
From: yudejp <i@yude.jp>
Date: Wed, 26 May 2021 08:01:02 +0900
Subject: [PATCH] [WIP] Fix margin (on responsive)

---
 pages/components/Layout.js |  2 +-
 pages/components/Navbar.js |  2 +-
 pages/profile.js           | 14 +++++++-------
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/pages/components/Layout.js b/pages/components/Layout.js
index 504905f..28a3539 100644
--- a/pages/components/Layout.js
+++ b/pages/components/Layout.js
@@ -24,7 +24,7 @@ const Layout = (props) => {
       </Head>
       <main>
       <Navbar />
-        <div className="page-main">
+        <div className="md:mx-9 mx-1">
           {children}
         </div>
       <Footer />
diff --git a/pages/components/Navbar.js b/pages/components/Navbar.js
index 7572271..1cabdf5 100644
--- a/pages/components/Navbar.js
+++ b/pages/components/Navbar.js
@@ -14,7 +14,7 @@ const Navbar = () => {
             </span>
           </a>
         </Link>
-            <div className="origin-top-right absolute right-0">
+            <div className="absolute right-0">
                 <ThemeSelector />
                 <LangSelector />
             </div>
diff --git a/pages/profile.js b/pages/profile.js
index 854f9c2..9234064 100644
--- a/pages/profile.js
+++ b/pages/profile.js
@@ -34,12 +34,12 @@ export default function About(props) {
   return (
 
     <Layout title={about}>
-      <div className="my-9 text-center">
+      <div className="text-center">
 
         {
          // Heading
         }
-        <div className="mb-5 flex justify-center">
+        <div>
           <div>
           <div className="z-50 transform translate-x-40 translate-y-48">
           <DiscordStatus />
@@ -61,7 +61,7 @@ export default function About(props) {
         {
          // Description 
         }
-        <div className="max-w-3xl">
+        <div>
         <div className="text-left">
             <p className="text-2xl"><FontAwesomeIcon icon={faInfo} className="w-5 h-5 inline"/> {desc}</p>
         </div>
@@ -170,7 +170,7 @@ export default function About(props) {
               </a>
             </Link>
             <p>{fingerprint}:</p>
-            <div className="w-full overflow-x-auto">
+            <div className="overflow-x-auto">
               <div className="whitespace-nowrap">
                 3745 F270 DB4E 8975 6B07  62BE EB0F E5D9 25C4 A968
                 </div>
@@ -185,7 +185,7 @@ export default function About(props) {
               </a>
             </Link>
             <p>{fingerprint}:</p>
-            <div className="w-full overflow-x-auto">
+            <div className="overflow-x-auto">
               <div className="whitespace-nowrap">
                 2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc
               </div>
@@ -199,9 +199,9 @@ export default function About(props) {
         </div>
       </div>
         <Link href="https://scrapbox.io/yude/%E3%82%A2%E3%82%AB%E3%82%A6%E3%83%B3%E3%83%88">
-            <button className="border border-transparent rounded-md shadow-sm text-sm font-medium mt-3 text-white bg-indigo-800 hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 p-3 w-60">{more}</button>
+            <button className="border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-800 hover:bg-indigo-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 p-3 w-60">{more}</button>
         </Link>
-        <p className="mt-3 text-sm font-bold mb-2 text-gray-900 dark:text-gray-400">{icon_1}<Link href="https://twitter.com/xmnts"><a className="hover:underline">Minkasy {icon_2}</a></Link></p>
+        <p className="mt-3 text-sm font-bold text-gray-900 dark:text-gray-400">{icon_1}<Link href="https://twitter.com/xmnts"><a className="hover:underline">Minkasy {icon_2}</a></Link></p>
       </div>
     </Layout>
   )