docs: added more info to README.md and added some margin to footer gr…

…id items

README.md

@@ -16,6 +16,7 @@ Here is a list of documentation to help you get started:
 ## Quirks to keep in mind
 
 - When you want to link to a new internal page use the `<Link>` component from `@/lib/navigation` instead of the normal anchortag `<a>`. This will ensure that the page is loaded with the correct locale. If you want to link to external resources or other media, use the built-in `<Link>` component from Next.js. Remember to add `prefetch={false}` to the `<Link>` component if the page is not visited often.
+- Remember to surround Links with the `Button` ui component. This will provide some basic styling and accessibility features for keyboard navigation even if it is not supposed to look like a button.
 
 ## Development setup
 

src/components/layout/Footer.tsx

@@ -113,7 +113,7 @@ function Footer() {
           <div>
             <h4>{t('links')}</h4>
             <nav>
-              <ul className='mt-2 space-y-1.5'>
+              <ul className='ml-2 mt-2 space-y-1.5'>
                 <li>
                   <Button asChild variant='nav' size='none'>
                     <Link href='/news'>{t('news')}</Link>
@@ -134,7 +134,7 @@ function Footer() {
           </div>
           <div>
             <h4>{t('utilities')}</h4>
-            <p className='[&:not(:first-child)]:mt-0'>
+            <p className='ml-2 [&:not(:first-child)]:mt-0'>
               <Button asChild variant='link' size='none'>
                 <Link href='/'>{t('signIn')}</Link>
               </Button>