From ad8fa9d69d0d1ace8d92f9bdd2aa8320e5a21b1f Mon Sep 17 00:00:00 2001
From: yudejp <i@yude.jp>
Date: Wed, 26 May 2021 07:53:02 +0900
Subject: [PATCH] Cleanup margin styling

---
 pages/components/LangSelector.js  |  2 +-
 pages/components/Navbar.js        |  2 +-
 pages/components/ThemeSelector.js |  2 +-
 pages/house.js                    |  2 +-
 pages/profile.js                  | 16 ++++++++--------
 pages/status.js                   |  2 +-
 pages/tos.js                      |  2 +-
 7 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/pages/components/LangSelector.js b/pages/components/LangSelector.js
index 15c54d6..5534469 100644
--- a/pages/components/LangSelector.js
+++ b/pages/components/LangSelector.js
@@ -28,7 +28,7 @@ const Dropdown = ({ color }) => {
   return (
     <>
 
-<div className="text-left mr-2 my-3 float-right">
+<div className="text-left mr-2 ml-2 my-3 float-right">
     <button type="button" className="inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" id="options-menu" aria-haspopup="true" aria-expanded="true"
     style={{ transition: "all .15s ease" }}
     ref={btnDropdownRef}
diff --git a/pages/components/Navbar.js b/pages/components/Navbar.js
index e307f41..7572271 100644
--- a/pages/components/Navbar.js
+++ b/pages/components/Navbar.js
@@ -8,7 +8,7 @@ const Navbar = () => {
       <>
         <nav className='flex items-center flex-wrap p-3'>
         <Link href='/'>
-          <a className='inline-flex items-center p-2 mr-4'>
+          <a className='inline-flex items-center p-2'>
             <span className='text-xl text-black font-bold tracking-wide dark:text-white font-mono animate-heartbeat'>
               yude.jp
             </span>
diff --git a/pages/components/ThemeSelector.js b/pages/components/ThemeSelector.js
index 55c6800..11ca57f 100644
--- a/pages/components/ThemeSelector.js
+++ b/pages/components/ThemeSelector.js
@@ -23,7 +23,7 @@ const Layout = (props) => {
     }
   };
   return (
-      <button className="my-4 mx-3 text-2xl" onClick={switchTheme}>
+      <button className="my-4 text-2xl" onClick={switchTheme}>
         {theme === 'light' ? (
           <span>🌙</span>
         ) : (
diff --git a/pages/house.js b/pages/house.js
index 30c0e04..6c83b34 100644
--- a/pages/house.js
+++ b/pages/house.js
@@ -10,7 +10,7 @@ export default function About(props) {
 
   return (
     <Layout title={house}>
-      <div className="mx-9">
+      <div>
       <p className="my-2 text-3xl text-center">{house}</p>
       <iframe className="w-full h-96" src="https://mackerel.io/embed/public/embed/4mVIU29WCRVZgHUxQPzWsfXo953uxiAegbjDb83hTQ7szesCunwdpVkBIzhnLc9i?period=1d" frameborder="0" scrolling="no"></iframe>
       </div>
diff --git a/pages/profile.js b/pages/profile.js
index cf1d7ed..854f9c2 100644
--- a/pages/profile.js
+++ b/pages/profile.js
@@ -34,7 +34,7 @@ export default function About(props) {
   return (
 
     <Layout title={about}>
-      <div className="my-9 mx-8 text-center">
+      <div className="my-9 text-center">
 
         {
          // Heading
@@ -53,7 +53,7 @@ export default function About(props) {
             unoptimized = {true}
         />
         
-          <p className="text-center text-4xl subpixel-antialiased">yude</p>
+          <p className="text-4xl subpixel-antialiased">yude</p>
           <DiscordPlaying />
           </div>
         </div>
@@ -61,7 +61,7 @@ export default function About(props) {
         {
          // Description 
         }
-        <div className="container mx-auto max-w-3xl">
+        <div className="max-w-3xl">
         <div className="text-left">
             <p className="text-2xl"><FontAwesomeIcon icon={faInfo} className="w-5 h-5 inline"/> {desc}</p>
         </div>
@@ -160,7 +160,7 @@ export default function About(props) {
         }
         <div className="text-left my-6">
             <p className="text-2xl"><FontAwesomeIcon icon={faKey} className="w-5 h-5 inline"/> {keys}</p>
-          <ul className="list-disc mx-5 my-2">
+          <ul className="list-disc my-2">
           <li>
             <span className="font-bold">GPG&nbsp;</span>
             <Link href="/static/yudejp.gpg">
@@ -170,8 +170,8 @@ export default function About(props) {
               </a>
             </Link>
             <p>{fingerprint}:</p>
-            <div className="w-full overflow-x-auto ...">
-              <div className="whitespace-nowrap ...">
+            <div className="w-full overflow-x-auto">
+              <div className="whitespace-nowrap">
                 3745 F270 DB4E 8975 6B07  62BE EB0F E5D9 25C4 A968
                 </div>
             </div>
@@ -185,8 +185,8 @@ export default function About(props) {
               </a>
             </Link>
             <p>{fingerprint}:</p>
-            <div className="w-full overflow-x-auto ...">
-              <div className="whitespace-nowrap ...">
+            <div className="w-full overflow-x-auto">
+              <div className="whitespace-nowrap">
                 2048 SHA256:xwSL4DORWmroWdC6P0GU1m1yZl/cXqjo9rCCWqqO+Dc
               </div>
             </div>
diff --git a/pages/status.js b/pages/status.js
index 02cb65b..bad4f10 100644
--- a/pages/status.js
+++ b/pages/status.js
@@ -16,7 +16,7 @@ export default function About(props) {
   return (
 
     <Layout title={status}>
-        <div className="my-9 mx-9 text-center">
+        <div className="my-9 text-center">
         {
          // Heading
         }
diff --git a/pages/tos.js b/pages/tos.js
index 37d70d6..d2eed33 100644
--- a/pages/tos.js
+++ b/pages/tos.js
@@ -13,7 +13,7 @@ export default function Tos(props) {
     const tos = t('tos')
     return(
         <Layout title={tos}>
-        <div className="mx-9">
+        <div>
             <ReactMarkdown plugins={[gfm]} children={input} />
         </div>
         </Layout>