refactor: getting-started__wrapper should contained in getting-started (#8532)

app/javascript/mastodon/features/getting_started/index.js

@@ -126,6 +126,7 @@ export default class GettingStarted extends ImmutablePureComponent {
           </h1>
         </div>}
 
+        <div className='getting-started'>
           <div className='getting-started__wrapper' style={{ height }}>
             {!multiColumn && <NavigationBar account={myAccount} />}
             {navItems}
@@ -133,7 +134,7 @@ export default class GettingStarted extends ImmutablePureComponent {
 
           {!multiColumn && <div className='flex-spacer' />}
 
-        <div className='getting-started getting-started__footer'>
+          <div className='getting-started__footer'>
             <ul>
               <li><a href='https://bridge.joinmastodon.org/' target='_blank'><FormattedMessage id='getting_started.find_friends' defaultMessage='Find friends from Twitter' /></a> · </li>
               {invitesEnabled && <li><a href='/invites' target='_blank'><FormattedMessage id='getting_started.invite' defaultMessage='Invite people' /></a> · </li>}
@@ -155,6 +156,7 @@ export default class GettingStarted extends ImmutablePureComponent {
               />
             </p>
           </div>
+        </div>
       </Column>
     );
   }

app/javascript/styles/mastodon/components.scss

@@ -2279,6 +2279,19 @@ a.account__display-name {
 .getting-started {
   color: $dark-text-color;
 
+  &__footer {
+    flex: 0 0 auto;
+    padding: 10px;
+    padding-top: 20px;
+
+    ul {
+      margin-bottom: 10px;
+    }
+
+    ul li {
+      display: inline;
+    }
+
     p {
       color: $dark-text-color;
       font-size: 13px;
@@ -2300,19 +2313,6 @@ a.account__display-name {
         text-decoration: underline;
       }
     }
-
-  &__footer {
-    flex: 0 0 auto;
-    padding: 10px;
-    padding-top: 20px;
-
-    ul {
-      margin-bottom: 10px;
-    }
-
-    ul li {
-      display: inline;
-    }
   }
 
   &__trends {