From 799c24167b67193636ef7bda47fd7f935a1d824e Mon Sep 17 00:00:00 2001
From: Yasuaki Uechi <y@uechi.io>
Date: Wed, 30 Mar 2022 14:23:48 +0900
Subject: [PATCH] fix: wrap contributor icons

---
 src/components/Contributors.tsx | 6 ++----
 src/components/Footer.tsx       | 5 +++--
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/Contributors.tsx b/src/components/Contributors.tsx
index 362a1b4..4222746 100644
--- a/src/components/Contributors.tsx
+++ b/src/components/Contributors.tsx
@@ -64,13 +64,11 @@ const Contributors: React.FC = () => {
 const Container = styled.div`
   display: flex;
   flex-direction: row;
+  flex-wrap: wrap;
 `;
 
 const Item = styled.div`
-  margin-left: 10px;
-  :first-child {
-    margin-left: 0;
-  }
+  margin-right: 10px;
 `;
 
 const avatarSize = 32;
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 35800d9..cba8507 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -22,7 +22,7 @@ const Languages = () => {
   const { t } = useTranslation();
 
   return (
-    <Pane>
+    <Pane style={{ whiteSpace: 'nowrap' }}>
       <Title>{t('language')}</Title>
       <ul>
         <li>
@@ -182,7 +182,7 @@ const About = () => {
       {language === 'ja' ? (
         <>
           <br />
-          <Title>情報の取得元</Title>
+          <Subtitle>情報の取得元</Subtitle>
           <p>
             このサービスは、国税庁法人番号システムのWeb-API機能を利用して取得した情報をもとに作成していますが、サービスの内容は国税庁によって保証されたものではありません。
           </p>
@@ -221,6 +221,7 @@ const Container = styled(Section)`
 `;
 
 const Pane = styled.div`
+  margin: 0 20px;
   font-size: 1rem;
 
   ${tablet} {