diff --git a/src/components/Form/Input.tsx b/src/components/Form/Input.tsx index 11158ea..d65a7ec 100644 --- a/src/components/Form/Input.tsx +++ b/src/components/Form/Input.tsx @@ -44,6 +44,8 @@ const StyledInput = styled.input` const StyledLabel = styled.label` color: ${colors.textColor}; ${props => applySize(props.inputSize)}; + padding: 0; + font-size: 1.6rem; `; const Input = (inputProps: Props): JSX.Element => { diff --git a/src/components/Form/Nav.tsx b/src/components/Form/Nav.tsx index c518503..2c7825d 100644 --- a/src/components/Form/Nav.tsx +++ b/src/components/Form/Nav.tsx @@ -6,13 +6,14 @@ import colors from 'styles/colors'; import { ReactNode } from 'react'; const Header = styled(StyledCard)` - margin: 1rem; + margin: 1rem auto; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; padding: 0.5rem 1rem; align-items: center; + width: 95vw; `; const Nav = (props: { children?: ReactNode}) => { diff --git a/src/components/Results/DnsServer.tsx b/src/components/Results/DnsServer.tsx index 7900721..683de73 100644 --- a/src/components/Results/DnsServer.tsx +++ b/src/components/Results/DnsServer.tsx @@ -20,9 +20,9 @@ const DnsServerCard = (props: {data: any, title: string, actionButtons: any }): {dnsSecurity.dns.map((dns: any, index: number) => { return (<> { dnsSecurity.dns.length > 1 && DNS Server #{index+1} } - - { dns.hostname && } - + + { dns.hostname && } + ); })} {dnsSecurity.dns.length > 0 && ( diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index de879b8..33be540 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -60,8 +60,12 @@ const SiteFeaturesWrapper = styled(StyledCard)` .links { display: flex; justify-content: center; + gap: 0.5rem; a { width: 100%; + button { + width: calc(100% - 2rem); + } } } ul { diff --git a/src/utils/docs.ts b/src/utils/docs.ts index 7ecbf21..9b6ca99 100644 --- a/src/utils/docs.ts +++ b/src/utils/docs.ts @@ -1,4 +1,4 @@ -interface Doc { +export interface Doc { id: string; title: string; description: string;