feat: flex 1 pages

src/app/layout.tsx

@@ -100,14 +100,9 @@ export default function RootLayout({ children }: RootLayoutProps) {
               </AlertDialog.Content>
             </AlertDialog.Root>
 
-            <Flex direction="column">{children}</Flex>
+            {children}
 
-            {!isEmbed && !isFullScreen && (
-              <>
-                <div style={{ flex: 1 }} />
-                <Footer />
-              </>
-            )}
+            {!isEmbed && !isFullScreen && <Footer />}
           </Flex>
         </Theme>
       </body>

src/app/tools/compare/page.tsx

@@ -652,9 +652,14 @@ export default function Page() {
       )}
 
       {members.length === 0 && (
-        <Flex align="center" mt="2" direction="column">
-          <Heading>No tanks selected</Heading>
-          <Text>
+        <Flex
+          align="center"
+          justify="center"
+          direction="column"
+          style={{ flex: 1 }}
+        >
+          <Heading color="gray">No tanks selected</Heading>
+          <Text color="gray">
             Press the <PlusIcon /> Add button to get started
           </Text>
         </Flex>