streams page align

frontend/src/components/EntriesNavigation.js

@@ -222,6 +222,9 @@ const EntriesNavigation = () => {
       overflow="hidden"
       direction="column"
       flexGrow={1}
+      mt="10px"
+      mr="5px"
+      ml="5px"
     >
       {streamCache && !eventsIsLoading ? (
         <>
@@ -433,7 +436,7 @@ const EntriesNavigation = () => {
               w="100%"
               //onScroll={(e) => handleScroll(e)}
             >
-              <Stack direction="row" justifyContent="space-between">
+              <Stack mt="5px" direction="row" justifyContent="space-around">
                 {!loadNewerEventsIsFetching && !nextEventIsFetching ? (
                   <Button
                     onClick={() => {
@@ -452,7 +455,6 @@ const EntriesNavigation = () => {
                     colorScheme="green"
                   ></Button>
                 )}
-              </Stack>
                 {streamCache
                   .slice(
                     cursor,
@@ -499,6 +501,7 @@ const EntriesNavigation = () => {
                     )}
                   </Center>
                 )}
+              </Stack>
             </Flex>
           </Flex>
         </>