Merge pull request #21466 from storybookjs/fix-storybook-introduction

CLI: Fix styling regression on CLI starter Introduction.mdx file
storybookjs · Mar 16, 2023 · ebc763a · ebc763a
2 parents 66000bb + 6e36056
commit ebc763a
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 deletions.
diff --git a/code/frameworks/nextjs/template/cli/js/Introduction.mdx b/code/frameworks/nextjs/template/cli/js/Introduction.mdx
@@ -51,7 +51,7 @@ import StackAlt from './assets/stackalt.svg';
 
     .link-item {
       display: block;
-      padding: 20px 30px 20px 15px;
+      padding: 20px;
       border: 1px solid #00000010;
       border-radius: 5px;
       transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
@@ -84,7 +84,9 @@ import StackAlt from './assets/stackalt.svg';
       flex: none;
     }
 
-    .link-item span {
+    .link-item span,
+    .link-item p {
+      margin: 0;
       font-size: 14px;
       line-height: 20px;
     }

diff --git a/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx b/code/frameworks/nextjs/template/cli/ts-3-8/Introduction.mdx
@@ -51,7 +51,7 @@ import StackAlt from './assets/stackalt.svg';
 
     .link-item {
       display: block;
-      padding: 20px 30px 20px 15px;
+      padding: 20px;
       border: 1px solid #00000010;
       border-radius: 5px;
       transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
@@ -84,7 +84,9 @@ import StackAlt from './assets/stackalt.svg';
       flex: none;
     }
 
-    .link-item span {
+    .link-item span,
+    .link-item p {
+      margin: 0;
       font-size: 14px;
       line-height: 20px;
     }

diff --git a/code/frameworks/nextjs/template/cli/ts/Introduction.mdx b/code/frameworks/nextjs/template/cli/ts/Introduction.mdx
@@ -51,7 +51,7 @@ import StackAlt from './assets/stackalt.svg';
 
     .link-item {
       display: block;
-      padding: 20px 30px 20px 15px;
+      padding: 20px;
       border: 1px solid #00000010;
       border-radius: 5px;
       transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
@@ -84,7 +84,9 @@ import StackAlt from './assets/stackalt.svg';
       flex: none;
     }
 
-    .link-item span {
+    .link-item span,
+    .link-item p {
+      margin: 0;
       font-size: 14px;
       line-height: 20px;
     }

diff --git a/code/lib/cli/rendererAssets/common/Introduction.mdx b/code/lib/cli/rendererAssets/common/Introduction.mdx
@@ -49,7 +49,7 @@ import StackAlt from './assets/stackalt.svg';
 
     .link-item {
       display: block;
-      padding: 20px 30px 20px 15px;
+      padding: 20px;
       border: 1px solid #00000010;
       border-radius: 5px;
       transition: background 150ms ease-out, border 150ms ease-out, transform 150ms ease-out;
@@ -82,7 +82,9 @@ import StackAlt from './assets/stackalt.svg';
       flex: none;
     }
 
-    .link-item span {
+    .link-item span,
+    .link-item p {
+      margin: 0;
       font-size: 14px;
       line-height: 20px;
     }