diff --git a/apps/web/src/screens/HomePage/sections/SIGs/SIGDetailPane.tsx b/apps/web/src/screens/HomePage/sections/SIGs/SIGDetailPane.tsx index 3d04cff1..d0285abd 100644 --- a/apps/web/src/screens/HomePage/sections/SIGs/SIGDetailPane.tsx +++ b/apps/web/src/screens/HomePage/sections/SIGs/SIGDetailPane.tsx @@ -13,7 +13,7 @@ const PaneWrapper: any = styled.div` @media only screen and (min-width: 810px) { border-top: none; border-left: 2px solid #ddd; - margin-left: 35px; + : 35px; padding: 35px 25px 35px 45px; } `; @@ -61,7 +61,7 @@ const SIGDiscord = styled.a` background: #42c0fc; border: none; border-radius: 30px; - margin-left: 20px; + //margin-left: 20px; color: #fff; font-size: 17px; font-family: "Nunito Sans", sans-serif; @@ -99,6 +99,12 @@ const SIGEmail: any = styled.a` const ButtonRow: any = styled.div` display: flex; + flex-direction: column-reverse; + gap: 1rem; + + @media screen and (min-width: 400px) { + flex-direction: row; + } `; const Row: any = styled.div` diff --git a/apps/web/src/screens/HomePage/sections/SIGs/SIGList.tsx b/apps/web/src/screens/HomePage/sections/SIGs/SIGList.tsx index f6bf3b97..fe22091b 100644 --- a/apps/web/src/screens/HomePage/sections/SIGs/SIGList.tsx +++ b/apps/web/src/screens/HomePage/sections/SIGs/SIGList.tsx @@ -12,7 +12,7 @@ const SIGListWrapper: any = styled.ul` flex-wrap: wrap; align-content: flex-start; flex: 1; - min-width: 340px; + //min-width: 340px; `; const Item: any = styled.li` @@ -20,8 +20,9 @@ const Item: any = styled.li` transition: ease-in-out 0.1s all; cursor: pointer; height: 50px; - min-width: 155px; + //min-width: 155px; max-width: 200px; + font-size: 11px; width: calc(50% - 15px); display: flex; align-items: center; @@ -36,6 +37,9 @@ const Item: any = styled.li` h3 { margin: 0; } + @media screen and (min-width: 400px) { + font-size: 16px; + } `; const Logo: any = styled.img`