From 26e0a79d9a63257a6eaa0f775f3e287f05fc0cda Mon Sep 17 00:00:00 2001
From: William Lam <w.lam@honteam.com>
Date: Sun, 26 Feb 2023 04:34:07 -0500
Subject: [PATCH] Fixed copyright note so that it does not overlap other UI
 elements horizontally at high zoom levels (#1277)

---
 app/components/layout/Footer.tsx | 12 ++++++++----
 app/styles/layout.css            |  2 ++
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/app/components/layout/Footer.tsx b/app/components/layout/Footer.tsx
index e35a6e080..524ce7c49 100644
--- a/app/components/layout/Footer.tsx
+++ b/app/components/layout/Footer.tsx
@@ -100,10 +100,14 @@ export function Footer({
       ) : null}
       <PlaywireBadge />
       <div className="layout__copyright-note">
-        sendou.ink © Copyright of Sendou and contributors 2019-{currentYear}.
-        Original content & source code is licensed under the GPL-3.0 license.
-        Splatoon is trademark & © of Nintendo 2014-{currentYear}. Sendou.ink is
-        not affiliated with Nintendo.
+        <p>
+          sendou.ink © Copyright of Sendou and contributors 2019-{currentYear}.
+          Original content & source code is licensed under the GPL-3.0 license.
+        </p>
+        <p>
+          Splatoon is trademark & © of Nintendo 2014-{currentYear}. sendou.ink
+          is not affiliated with Nintendo.
+        </p>
       </div>
     </footer>
   );
diff --git a/app/styles/layout.css b/app/styles/layout.css
index d80910b0d..ef23c7c4d 100644
--- a/app/styles/layout.css
+++ b/app/styles/layout.css
@@ -222,6 +222,8 @@
 }
 
 .layout__copyright-note {
+  display: flex;
+  flex-direction: column;
   color: var(--text-lighter);
   font-size: var(--fonts-xxs);
   text-align: center;