diff --git a/src/components/appList.js b/src/components/appList.js index 236b788..2675ef1 100644 --- a/src/components/appList.js +++ b/src/components/appList.js @@ -45,6 +45,12 @@ const ErrorMessage = styled.p` color: red; `; +const RefreshButton = styled(Button)` + display: relative; + top: 0; + float: right; +`; + function handleResponse(response) { if (response.ok) { return response.json(); @@ -79,9 +85,8 @@ const AppList = () => { } = useAppData(); return ( - - Applications - + Applications + refresh {error && {error}} {apps.map((app, idx) => { diff --git a/src/components/elements.js b/src/components/elements.js index 4b351e0..9b1d3a3 100644 --- a/src/components/elements.js +++ b/src/components/elements.js @@ -10,6 +10,7 @@ export const ListContainer = styled.div` `; export const Headline = styled.h3` + display: inline-block; font-family: Roboto, sans-serif; font-weight: 900; text-transform: uppercase;