Fixed styling

grails · Jul 25, 2023 · 767c02d · 767c02d
1 parent 90c80c8
commit 767c02d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 13 deletions.
diff --git a/app/launch/src/components/Application/App.jsx b/app/launch/src/components/Application/App.jsx
@@ -197,7 +197,8 @@ export function AppContainer({ initialData, errorHandlers }) {
         <div className="container">
           <Header theme={theme} onToggleTheme={toggleTheme} />
 
-          <div className="mn-container">
+          <div className="container">
+            <div className="mn-container">
             <form onSubmit={onGenerateProject} autoComplete="off">
               <StarterForm
                 theme={theme}
@@ -240,14 +241,19 @@ export function AppContainer({ initialData, errorHandlers }) {
               {loading && <ProgressBar />}
             </div>
           </div>
+          </div>
         </div>
       </div>
-      <div className="container mn-feature-container">
+      <div className="container">
+        <div className="mn-feature-container">
         <DefaultIncludedFeatureList theme={theme} />
       </div>
-      <div className="container mn-feature-container">
+      </div>
+      <div className="container">
+        <div className="mn-feature-container">
         <FeatureSelectedList theme={theme} />
       </div>
+      </div>
       <AltFooter theme={theme} onToggleTheme={toggleTheme} />
       {nextStepsInfo.show && (
         <NextSteps

diff --git a/app/launch/src/components/Header/Header.js b/app/launch/src/components/Header/Header.js
@@ -1,20 +1,22 @@
 // Header.js
 import React from 'react'
 
-import { ReactComponent as MicronautLaunchLogo } from '../../images/grails-forge.svg'
+import {ReactComponent as MicronautLaunchLogo} from '../../images/grails-forge.svg'
 
 const Header = () => {
 
-  return (
-    <div className="mn-header">
-      <div className="logo-wrapper">
-        <a href="https://grails.org">
-          <MicronautLaunchLogo className="mn-logo micronaut-launch-logo" />
-        </a>
-      </div>
+    return (
+        <div className="mn-header">
+            <div className="logo-wrapper">
+                <div className="container">
+                    <a href="https://grails.org">
+                        <MicronautLaunchLogo className="mn-logo micronaut-launch-logo"/>
+                    </a>
+                </div>
+            </div>
 
-    </div>
-  )
+        </div>
+    )
 }
 
 export default Header