Moved refresh button to the right

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 (
         <ListContainer>
-            <Headline>
+            <Headline>Applications</Headline>
-                Applications <Button onClick={fetchAppData}>refresh</Button>
+            <RefreshButton onClick={fetchAppData}>refresh</RefreshButton>
-            </Headline>
             <ItemList>
                 {error && <ErrorMessage>{error}</ErrorMessage>}
                 {apps.map((app, idx) => {

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;