align paddings (#166)

opentofu · Sep 20, 2023 · 9615d82 · 9615d82
1 parent 59163df
commit 9615d82
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 36 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/FAQ/index.tsx b/src/components/FAQ/index.tsx
@@ -8,7 +8,7 @@ import Link from "@docusaurus/Link";
 
 export default function FAQ() {
   return (
-    <section className="flex flex-col justify-center w-full py-10 md:py-20 px-4 bg-gradient-to-b from-white dark:from-blue-900 to-transparent">
+    <section className="flex flex-col justify-center w-full py-10 md:py-20 bg-gradient-to-b from-white dark:from-blue-900 to-transparent">
       <div className="w-full max-w-4xl mx-auto">
         <h2 className="text-center text-3xl md:text-5xl font-bold mb-6 md:mb-12">
           Frequently Asked Questions

diff --git a/src/pages/faq.tsx b/src/pages/faq.tsx
@@ -15,7 +15,7 @@ export default function FAQ() {
         <Headline>Frequently Asked Questions</Headline>
       </Jumbotron>
 
-      <div className="container mx-auto pt-6 pb-10 px-4">
+      <div className="container mx-auto pt-6 pb-10">
         <Accordion>
           <MDXProvider
             components={{

diff --git a/src/pages/manifesto.tsx b/src/pages/manifesto.tsx
@@ -18,7 +18,7 @@ export default function Manifesto() {
       <Jumbotron>
         <Headline className="max-w-2xl">The OpenTofu Manifesto</Headline>
       </Jumbotron>
-      <TextContent className="mb-4 md:mb-10 mx-auto">
+      <TextContent className="mb-4 md:mb-10 mx-auto px-4">
         <p>
           Terraform was open-sourced in 2014 under the Mozilla Public License
           (v2.0) (the “MPL”). Over the next ~9 years, it built up a community
@@ -45,7 +45,11 @@ export default function Manifesto() {
           HashiCorp team are vague. Now, every company, vendor, and developer
           using Terraform has to wonder whether what they are doing could be
           construed as competitive with HashiCorp's offerings.{" "}
-          <a href="https://www.hashicorp.com/license-faq" target="_blank" rel="noreferrer">
+          <a
+            href="https://www.hashicorp.com/license-faq"
+            target="_blank"
+            rel="noreferrer"
+          >
             The FAQ
           </a>{" "}
           provides some solace for end-customers and systems integrators today,

diff --git a/src/theme/BlogPostItem/Content/index.tsx b/src/theme/BlogPostItem/Content/index.tsx
@@ -8,7 +8,7 @@ export default function BlogPostItemContent({ children }) {
   const { isBlogPostPage } = useBlogPost();
   return (
     <TextContent
-      className="my-4 md:my-10 mx-auto"
+      className="my-4 md:my-10 mx-auto px-4"
       id={isBlogPostPage ? blogPostContainerID : undefined}
       itemProp="articleBody"
     >