switched few things around part 2

quartz/components/Footer.tsx

@@ -26,10 +26,12 @@ export default ((opts?: Options) => {
         <div class="rings">
           {Object.entries(rings).map(([text, link]) => (
             <div class="ring">
-              <a href={link}>{text}</a>
               <a class="ringbtn" href={link + "previous?host=nexie.net"}>
                 ◄
               </a>
+              <a class="ringbtn" href={link}>
+                {text}
+              </a>
               <a class="ringbtn" href={link + "random"}>
                 Random
               </a>

quartz/components/styles/footer.scss

@@ -21,6 +21,8 @@ footer {
 .ring {
   display:flex;
   flex-flow: row wrap;
+  justify-content: center;
+  align-items: center;
 }
 
 .ringbtn {