From 05d5e0400a3cbb9667f22a58a33e631305b6912b Mon Sep 17 00:00:00 2001
From: codevictory <main@codevictory.net>
Date: Tue, 11 Jan 2022 22:48:46 +0200
Subject: [PATCH] Make credits responsive.

---
 src/components/Credits.scss | 11 +++++++++++
 src/components/Credits.tsx  |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/Credits.scss b/src/components/Credits.scss
index 534499a..4482863 100644
--- a/src/components/Credits.scss
+++ b/src/components/Credits.scss
@@ -10,3 +10,14 @@
     margin-right: 1rem;
   }
 }
+
+@media screen and (max-width: 600px) {
+  .Credits {
+    font-size: 1rem;
+
+    span::after {
+      content: '\A';
+      white-space: pre;
+    }
+  }
+}
diff --git a/src/components/Credits.tsx b/src/components/Credits.tsx
index edb8a4d..0118eb8 100644
--- a/src/components/Credits.tsx
+++ b/src/components/Credits.tsx
@@ -10,7 +10,7 @@ export const Credits = () => {
           <FormattedMessage id='common.sourceCode' /> codevictory
         </a>
       </span>
-      <span className='separator'>|</span>
+      <span className='separator'>~</span>
       <span>
         <FormattedMessage id='common.design' /> Jana Černá
       </span>