Move the tooltip on the position details card

thesis · Dec 8, 2023 · be3d4a5 · be3d4a5
1 parent 1ff9cfb
commit be3d4a5
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/dapp/src/components/Overview/PositionDetails.tsx b/dapp/src/components/Overview/PositionDetails.tsx
@@ -8,6 +8,7 @@ import {
   CardBody,
   Card,
   CardFooter,
+  HStack,
 } from "@chakra-ui/react"
 import { BITCOIN, USD } from "../../constants"
 import { Info } from "../../static/icons"
@@ -16,16 +17,18 @@ export default function PositionDetails() {
   return (
     <Card h="100%">
       <CardBody>
-        <Text>Your positions</Text>
+        <HStack justifyContent="space-between">
+          <Text>Your positions</Text>
+          {/* TODO: Add correct text for tooltip */}
+          <Tooltip label="Template">
+            <Icon as={Info} color={useColorModeValue("black", "grey.80")} />
+          </Tooltip>
+        </HStack>
         <Text>
           34.75 <Text as="span">{BITCOIN.symbol}</Text>
         </Text>
         <Text>
           1.245.148,1 <Text as="span">{USD.symbol}</Text>
-          {/* TODO: Add correct text for tooltip */}
-          <Tooltip label="Template">
-            <Icon as={Info} color={useColorModeValue("black", "grey.80")} />
-          </Tooltip>
         </Text>
       </CardBody>
       <CardFooter flexDirection="column" gap={2}>