From 799c24167b67193636ef7bda47fd7f935a1d824e Mon Sep 17 00:00:00 2001 From: Yasuaki Uechi 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 ( - + {t('language')}
  • @@ -182,7 +182,7 @@ const About = () => { {language === 'ja' ? ( <>
    - 情報の取得元 + 情報の取得元

    このサービスは、国税庁法人番号システムのWeb-API機能を利用して取得した情報をもとに作成していますが、サービスの内容は国税庁によって保証されたものではありません。

    @@ -221,6 +221,7 @@ const Container = styled(Section)` `; const Pane = styled.div` + margin: 0 20px; font-size: 1rem; ${tablet} {