Merge pull request #12811 from github/repo-sync

repo sync

Author: Octomerger

components/page-footer/SmallFooter.tsx

@@ -1,14 +1,14 @@
 import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { MarkGithubIcon } from '@primer/octicons-react'
-import { useTranslation } from 'components/hooks/useTranslation'
+import { useTranslation } from '../hooks/useTranslation'
 
 export const SmallFooter = () => {
   const router = useRouter()
   const { t } = useTranslation('footer')
   return (
     <footer className="container-xl px-3 mt-6 mb-8 px-md-6 position-relative d-flex flex-row-reverse flex-xl-row flex-wrap flex-xl-nowrap flex-justify-center flex-xl-justify-between f6 color-fg-muted">
-      <ul className="list-style-none d-flex flex-wrap col-12 col-xl-5 flex-justify-center flex-xl-justify-between mb-2 mb-xl-0">
+      <ul className="list-style-none d-flex flex-wrap col-12 flex-justify-center flex-xl-justify-between mb-2 mb-xl-0">
         <li className="mr-3 mr-xl-0">&copy; {new Date().getFullYear()} GitHub, Inc.</li>
         <li className="mr-3 mr-xl-0">
           <Link href={`/${router.locale}/github/site-policy/github-terms-of-service`}>
@@ -26,21 +26,19 @@ export const SmallFooter = () => {
         <li className="mr-3 mr-xl-0">
           <a href="https://www.githubstatus.com/">{t('support.links.status')}</a>
         </li>
-        <li>
+        <li className="mr-3 mr-xl-0">
           <Link href={`/${router.locale}`}>{t('support.links.help')}</Link>
         </li>
-      </ul>
-
-      <a
-        aria-label="Homepage"
-        title="GitHub"
-        className="d-none d-xl-block color-fg-muted"
-        href="https://github.com"
-      >
-        <MarkGithubIcon size={24} />
-      </a>
-
-      <ul className="list-style-none d-flex flex-wrap col-12 col-xl-5 flex-justify-center flex-xl-justify-between mb-2 mb-xl-0">
+        <li>
+          <a
+            aria-label="Homepage"
+            title="GitHub"
+            className="d-none d-xl-block color-fg-muted"
+            href="https://github.com"
+          >
+            <MarkGithubIcon size={24} />
+          </a>
+        </li>
         <li className="mr-3 mr-xl-0">
           <a href="https://support.github.com">{t('support.links.contact_github')}</a>
         </li>