fix spacing

hogashi · Nov 28, 2023 · 33b5a4c · 33b5a4c
1 parent 0d5ab78
commit 33b5a4c
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 11 deletions.
diff --git a/__tests__/__snapshots__/popup.test.js.snap b/__tests__/__snapshots__/popup.test.js.snap
@@ -5,7 +5,7 @@ exports[`Popup render 1`] = `
   className="p-3 flex flex-col justify-center items-center"
   style={
     {
-      "minWidth": "280px",
+      "minWidth": "260px",
     }
   }
 >
@@ -18,7 +18,7 @@ exports[`Popup render 1`] = `
     className="my-1"
   >
     <fieldset
-      className="mx-3 my-1"
+      className="my-1"
     >
       <h2
         className="text-base font-semibold leading-7 text-gray-900"
@@ -79,7 +79,7 @@ exports[`Popup render 1`] = `
       </div>
     </fieldset>
     <fieldset
-      className="mx-3 my-1"
+      className="my-1"
     >
       <h2
         className="text-base font-semibold leading-7 text-gray-900"

diff --git a/dist/css/popup.css b/dist/css/popup.css
@@ -538,11 +538,6 @@ video {
   position: relative;
 }
 
-.mx-3 {
-  margin-left: 0.75rem;
-  margin-right: 0.75rem;
-}
-
 .my-1 {
   margin-top: 0.25rem;
   margin-bottom: 0.25rem;

diff --git a/src/extension-contexts/popup.tsx b/src/extension-contexts/popup.tsx
@@ -91,19 +91,19 @@ export const Popup = (props: Props): JSX.Element => {
     <div
       className="p-3 flex flex-col justify-center items-center"
       style={{
-        minWidth: '280px',
+        minWidth: '260px',
       }}
     >
       <h1 className="text-xl font-bold leading-7 text-gray-900 self-center sm:truncate sm:text-3xl sm:tracking-tight">
         Options - 設定
       </h1>
       <div className="my-1">
-        <fieldset className="mx-3 my-1">
+        <fieldset className="my-1">
           <h2 className="text-base font-semibold leading-7 text-gray-900">TwitterWeb公式</h2>
           {optionsItems[SHOW_ON_TIMELINE]}
           {optionsItems[SHOW_ON_TWEET_DETAIL]}
         </fieldset>
-        <fieldset className="mx-3 my-1">
+        <fieldset className="my-1">
           <h2 className="text-base font-semibold leading-7 text-gray-900">TweetDeck</h2>
           {optionsItems[SHOW_ON_TWEETDECK_TIMELINE]}
           {optionsItems[SHOW_ON_TWEETDECK_TWEET_DETAIL]}