From 8eeaa44d8bea54622590f4f84eacec29571f634c Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Wed, 13 Jul 2022 00:21:14 +0300
Subject: [PATCH] Footer fix alignment on mobile

---
 app/components/layout/Footer.tsx |  4 ----
 app/routes/contributions.tsx     |  2 +-
 app/styles/global.css            | 14 ++++----------
 app/styles/layout.css            |  1 +
 4 files changed, 6 insertions(+), 15 deletions(-)

diff --git a/app/components/layout/Footer.tsx b/app/components/layout/Footer.tsx
index bc8c05577..a33acc8f3 100644
--- a/app/components/layout/Footer.tsx
+++ b/app/components/layout/Footer.tsx
@@ -8,7 +8,6 @@ import {
   SENDOU_INK_GITHUB_URL,
   SENDOU_INK_PATREON_URL,
   SENDOU_INK_TWITTER_URL,
-  SENDOU_TWITTER_URL,
   userPage,
 } from "~/utils/urls";
 import { DiscordIcon } from "../icons/Discord";
@@ -23,9 +22,6 @@ export function Footer() {
   return (
     <footer className="layout__footer">
       <div className="layout__footer__link-list">
-        <a href={SENDOU_TWITTER_URL} target="_blank" rel="noreferrer">
-          sendou.ink by Sendou
-        </a>
         <Link to={CONTRIBUTIONS_PAGE}>Contributors</Link>
         <Link to={FAQ_PAGE}>FAQ</Link>
       </div>
diff --git a/app/routes/contributions.tsx b/app/routes/contributions.tsx
index 4e908bd81..1b338baa9 100644
--- a/app/routes/contributions.tsx
+++ b/app/routes/contributions.tsx
@@ -23,7 +23,7 @@ export default function ContributionsPage() {
         <a href={SENDOU_TWITTER_URL} target="_blank" rel="noreferrer">
           Sendou
         </a>{" "}
-        with help from contributors.
+        with help from contributors:
       </p>
       <ul className="mt-2">
         <li>
diff --git a/app/styles/global.css b/app/styles/global.css
index 06942a869..35b23c190 100644
--- a/app/styles/global.css
+++ b/app/styles/global.css
@@ -7,10 +7,10 @@
   --bg-darker-transparent: hsla(202deg 90% 90% / 65%);
   --bg-badge: #000;
   --border: hsl(237deg 100% 86%);
-  --button-text: rgba(255, 255, 255, 0.85);
+  --button-text: rgb(255 255 255 / 85%);
   --button-text-transparent: rgb(0 0 0 / 65%);
-  --text: rgba(0, 0, 0, 0.95);
-  --text-lighter: rgba(75, 75, 75, 0.95);
+  --text: rgb(0 0 0 / 95%);
+  --text-lighter: rgb(75 75 75 / 95%);
   --theme-error: rgb(199 13 6);
   --theme-error-transparent: rgba(199 13 6 / 75%);
   --theme-warning: #c9c900;
@@ -22,7 +22,6 @@
   --theme-transparent-vibrant: hsl(255deg 100% 81% / 54%);
   --theme-semi-transparent-vibrant: hsl(255deg 100% 81% / 75%);
   --theme-secondary: hsl(85deg 66.7% 55.3%);
-
   --rounded: 16px;
   --rounded-sm: 10px;
   --fonts-xl: 1.5rem;
@@ -72,7 +71,7 @@
     --bg: hsl(237.3deg 42.3% 30.6%);
     --bg-darker: hsl(237.3deg 42.3% 26.6%);
     --bg-lighter: hsl(237.3deg 42.3% 35.6%);
-    --bg-lighter-transparent: rgba(64, 67, 108, 0.5);
+    --bg-lighter-transparent: rgb(64 67 108 / 50%);
     --bg-darker-very-transparent: hsla(237.3deg 42.3% 26.6% / 50%);
     --bg-darker-transparent: hsla(237.3deg 42.3% 26.6% / 90%);
     --bg-badge: #000;
@@ -334,11 +333,6 @@ article {
   white-space: pre-line;
 }
 
-ol,
-ul {
-  padding: 0;
-}
-
 select {
   all: unset;
   width: 90%;
diff --git a/app/styles/layout.css b/app/styles/layout.css
index f17486b7e..a41bd5521 100644
--- a/app/styles/layout.css
+++ b/app/styles/layout.css
@@ -265,6 +265,7 @@
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
+  padding: 0;
   font-size: var(--fonts-xs);
   gap: var(--s-1);
   list-style: none;