Layout fixes

assets/css/buttons.scss

@@ -15,9 +15,10 @@ a.button {
   margin-bottom: 5px;
   text-decoration: none;
   text-align: center;
-  border-radius: 0;
+  border-radius: 8;
   border: 1px solid $accent;
   background: $accent;
+  color: $background;
   font: inherit;
   font-weight: bold;
   appearance: none;

assets/css/font.scss

@@ -4,7 +4,6 @@
   font-style:  normal;
   font-weight: 400;
   src: url("../fonts/FiraCode-Regular.woff") format("woff");
-  font-display: swap;
 }
 
 @font-face {
@@ -13,5 +12,4 @@
   font-style:  normal;
   font-weight: 800;
   src: url("../fonts/FiraCode-Bold.woff") format("woff");
-  font-display: swap;
 }

assets/css/footer.scss

@@ -22,9 +22,11 @@
 
   .copyright {
     display: flex;
-    flex-direction: row;
+    flex-flow: row wrap;
+    flex: 1;
     align-items: center;
     font-size: 1rem;
+    justify-content: center;
 
     &--user {
       margin: auto;
@@ -33,17 +35,10 @@
 
     & > *:first-child:not(:only-child) {
       margin-right: 10px;
-
-       @media ($tablet) {
-        border: none;
-        padding: 0;
-        margin: 0;
-      }
     }
 
-    @media ($tablet) {
-      flex-direction: column;
-      margin-top: 10px;
+    span {
+      white-space: nowrap;
     }
   }
 }

assets/css/pagination.scss

@@ -47,7 +47,6 @@
 .button {
   position: relative;
   display: inline-flex;
-  flex: 1;
   align-items: center;
   justify-content: center;
   font-size: 1rem;
@@ -57,12 +56,18 @@
   appearance: none;
   overflow: hidden;
 
+  @media($phone) {
+    flex: 1;
+  }
+
   + .button {
     margin-left: 10px;
   }
 
   a {
     display: flex;
+    justify-content: center;
+    flex: 1;
     padding: 8px 16px;
     text-decoration: none;
     text-overflow: ellipsis;