From de25132b5249a1a93fe6d34ecf94b437ab60efc5 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 10 Dec 2021 23:45:03 +0200
Subject: [PATCH] Fix TODO (article global styles)

---
 app/routes/to/$organization.$tournament/index.tsx | 3 +--
 app/styles/global.css                             | 5 +++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/routes/to/$organization.$tournament/index.tsx b/app/routes/to/$organization.$tournament/index.tsx
index 0199694f8..b6c369276 100644
--- a/app/routes/to/$organization.$tournament/index.tsx
+++ b/app/routes/to/$organization.$tournament/index.tsx
@@ -5,6 +5,5 @@ export default function DefaultTab() {
   const [, parentRoute] = useMatches();
   const { description } = parentRoute.data as FindTournamentByNameForUrlI;
 
-  // TODO: margin on mobile
-  return <article style={{ whiteSpace: "pre-line" }}>{description}</article>;
+  return <article>{description}</article>;
 }
diff --git a/app/styles/global.css b/app/styles/global.css
index 3b469a6bb..27215e316 100644
--- a/app/styles/global.css
+++ b/app/styles/global.css
@@ -196,6 +196,11 @@ fieldset {
   all: inherit;
 }
 
+article {
+  padding-inline: var(--s-3);
+  white-space: pre-line;
+}
+
 /* TODO: bug: white on white on Edge */
 select {
   all: unset;