Explicitly make line breaks

Author: 0xPoe

app/components/footer.hbs

@@ -1,19 +1,22 @@
 <footer local-class="footer">
   <div local-class='after-main-links'>
-    <a href='https://doc.rust-lang.org/cargo/'>Getting started</a>
-    <span local-class="sep">|</span>
-    <a href='https://doc.rust-lang.org/cargo/guide/'>Guide</a>
-    <span local-class="sep">|</span>
-    <a href='mailto:help@crates.io'>Send us an email</a>
-    <span local-class="sep">|</span>
-    <a href='https://github.com/rust-lang/crates.io/issues/new/choose'>Report a general issue</a>
-    <span local-class="sep">|</span>
-    <a href='https://www.rust-lang.org/policies/security'>Report a security issue</a>
-    <span local-class="sep">|</span>
-    <a href='https://github.com/rust-lang/crates.io'>Fork on GitHub</a>
-    <span local-class="sep">|</span>
-    <a href='https://foundation.rust-lang.org/policies/privacy-policy/'>Privacy policy</a>
-    <span local-class="sep">|</span>
-    <LinkTo @route="policies">Policies</LinkTo>
+    <div>
+      <a href='https://doc.rust-lang.org/cargo/'>Getting started</a>
+      <span local-class="sep">|</span>
+      <a href='https://doc.rust-lang.org/cargo/guide/'>Guide</a>
+      <span local-class="sep">|</span>
+      <a href='mailto:help@crates.io'>Send us an email</a>
+      <span local-class="sep">|</span>
+      <a href='https://www.rust-lang.org/policies/security'>Report a security issue</a>
+    </div>
+    <div>
+      <a href='https://github.com/rust-lang/crates.io'>Fork on GitHub</a>
+      <span local-class="sep">|</span>
+      <a href='https://github.com/rust-lang/crates.io/issues/new/choose'>Report a general issue</a>
+      <span local-class="sep">|</span>
+      <a href='https://foundation.rust-lang.org/policies/privacy-policy/'>Privacy policy</a>
+      <span local-class="sep">|</span>
+      <LinkTo @route="policies">Policies</LinkTo>
+    </div>
   </div>
 </footer>

app/components/footer.module.css

@@ -13,26 +13,30 @@
 .after-main-links {
     composes: width-limit from '../styles/application.module.css';
 
-    margin: 40px;
-    text-align: center;
-
-    a { color: white; }
-    a:hover { color: darken(white, 10%); }
-
-    @media only screen and (max-width: 450px) {
-        margin: 20px;
-        .sep { display: none; }
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        a {
-            width: 50%;
-            font-size: 110%;
-            padding: 5px;
-
-            &:not(:first-child) {
-                border-top: 1px solid var(--separator-color);
+    margin: 20px;
+
+    div {
+        margin: 10px 0;
+        text-align: center;
+
+        a { color: white; }
+        a:hover { color: darken(white, 10%); }
+
+        @media only screen and (max-width: 450px) {
+            margin: 20px;
+            .sep { display: none; }
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+
+            a {
+                width: 50%;
+                font-size: 110%;
+                padding: 5px;
+
+                &:not(:first-child) {
+                    border-top: 1px solid var(--separator-color);
+                }
             }
         }
     }