From ea62e845c775143598ce1c522981fdb6a82cfae3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B3za=20Nagy?= <rozanagy88@gmail.com>
Date: Mon, 7 Oct 2024 11:54:15 +0200
Subject: [PATCH 1/6] feat: remove unnecessary dividers

---
 .../vault.details.button-group.tsx            |  3 +--
 .../vault.main-stack/vault-main-stack.tsx     | 22 ++++++-------------
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/src/app/components/vault/components/vault.detaills/components/vault.details.button-group/vault.details.button-group.tsx b/src/app/components/vault/components/vault.detaills/components/vault.details.button-group/vault.details.button-group.tsx
index 45d00dce..42c25867 100644
--- a/src/app/components/vault/components/vault.detaills/components/vault.details.button-group/vault.details.button-group.tsx
+++ b/src/app/components/vault/components/vault.detaills/components/vault.details.button-group/vault.details.button-group.tsx
@@ -1,4 +1,4 @@
-import { Divider, HStack, VStack } from '@chakra-ui/react';
+import { HStack, VStack } from '@chakra-ui/react';
 import { VaultState } from 'dlc-btc-lib/models';
 
 import { VaultExpandedInformationButton } from './components/vault.details.button-group.button';
@@ -36,7 +36,6 @@ export function VaultExpandedInformationButtonGroup({
 
   return (
     <VStack w={'100%'}>
-      <Divider w={'100%'} borderColor={'grey.01'} borderStyle={'dashed'} />
       <HStack w={'100%'} justifyContent={'space-between'}>
         <VaultExpandedInformationButton
           label={'Mint dlcBTC'}
diff --git a/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx b/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
index f003ed9d..0ba928ec 100644
--- a/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
+++ b/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
@@ -1,4 +1,4 @@
-import { Divider, HStack } from '@chakra-ui/react';
+import { HStack } from '@chakra-ui/react';
 import { VaultState } from 'dlc-btc-lib/models';
 
 import { VaultActionButton } from './components/vault.main-stack.action-button';
@@ -28,21 +28,13 @@ export function VaultMainStack({
         vaultTotalMintedValue={vaultTotalMintedValue}
       />
       {!(variant === 'selected' && vaultState === VaultState.READY) && (
-        <>
-          <Divider
-            h={'68px'}
-            orientation={'vertical'}
-            borderColor={'grey.01'}
-            borderStyle={'dashed'}
+        <HStack w={'35%'}>
+          <VaultActionButton
+            isExpanded={isVaultExpanded}
+            handleClick={() => handleButtonClick()}
+            variant={variant}
           />
-          <HStack w={'35%'}>
-            <VaultActionButton
-              isExpanded={isVaultExpanded}
-              handleClick={() => handleButtonClick()}
-              variant={variant}
-            />
-          </HStack>
-        </>
+        </HStack>
       )}
     </HStack>
   );

From 3dffbc878a1521204f68608a67675ec9f021e161 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B3za=20Nagy?= <rozanagy88@gmail.com>
Date: Mon, 7 Oct 2024 14:13:56 +0200
Subject: [PATCH 2/6] feat: change divider thickness

---
 .../vault.details.transaction-stack.tsx       |  2 +-
 .../vault.main-stack/vault-main-stack.tsx     | 23 +++++++++++++------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/src/app/components/vault/components/vault.detaills/components/vault.details.transaction-stack/vault.details.transaction-stack.tsx b/src/app/components/vault/components/vault.detaills/components/vault.details.transaction-stack/vault.details.transaction-stack.tsx
index c2446428..d2395475 100644
--- a/src/app/components/vault/components/vault.detaills/components/vault.details.transaction-stack/vault.details.transaction-stack.tsx
+++ b/src/app/components/vault/components/vault.detaills/components/vault.details.transaction-stack/vault.details.transaction-stack.tsx
@@ -15,7 +15,7 @@ export function VaultTransactionStack({
 
   return (
     <VStack w={'100%'} justifyContent={'space-between'}>
-      <Divider w={'100%'} borderColor={'grey.01'} borderStyle={'dashed'} />
+      <Divider w={'100%'} borderColor={'grey.01'} borderStyle={'dashed'} height={'1px'} />
       <VaultTransactionRow label={'Funding TX'} value={vaultFundingTX} />
       <VaultTransactionRow label={'Withdraw/Deposit TX'} value={vaultWithdrawDepositTX} />
     </VStack>
diff --git a/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx b/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
index 0ba928ec..f1e51d85 100644
--- a/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
+++ b/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
@@ -1,4 +1,4 @@
-import { HStack } from '@chakra-ui/react';
+import { Divider, HStack } from '@chakra-ui/react';
 import { VaultState } from 'dlc-btc-lib/models';
 
 import { VaultActionButton } from './components/vault.main-stack.action-button';
@@ -28,13 +28,22 @@ export function VaultMainStack({
         vaultTotalMintedValue={vaultTotalMintedValue}
       />
       {!(variant === 'selected' && vaultState === VaultState.READY) && (
-        <HStack w={'35%'}>
-          <VaultActionButton
-            isExpanded={isVaultExpanded}
-            handleClick={() => handleButtonClick()}
-            variant={variant}
+        <>
+          <Divider
+            h={'68px'}
+            orientation={'vertical'}
+            borderColor={'grey.01'}
+            borderStyle={'dashed'}
+            borderWidth={'1px'}
           />
-        </HStack>
+          <HStack w={'35%'}>
+            <VaultActionButton
+              isExpanded={isVaultExpanded}
+              handleClick={() => handleButtonClick()}
+              variant={variant}
+            />
+          </HStack>
+        </>
       )}
     </HStack>
   );

From 7954117df9e1351e1748132dd9f95a82a73a467b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B3za=20Nagy?= <rozanagy88@gmail.com>
Date: Tue, 8 Oct 2024 10:43:44 +0200
Subject: [PATCH 3/6] fix: changed dotted divider's width

---
 .../vault/components/vault.main-stack/vault-main-stack.tsx       | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx b/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
index f1e51d85..f003ed9d 100644
--- a/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
+++ b/src/app/components/vault/components/vault.main-stack/vault-main-stack.tsx
@@ -34,7 +34,6 @@ export function VaultMainStack({
             orientation={'vertical'}
             borderColor={'grey.01'}
             borderStyle={'dashed'}
-            borderWidth={'1px'}
           />
           <HStack w={'35%'}>
             <VaultActionButton

From a40849f99e9d597fc2b60f23504f0f1bf0777ca3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B3za=20Nagy?= <rozanagy88@gmail.com>
Date: Tue, 8 Oct 2024 12:27:30 +0200
Subject: [PATCH 4/6] fix: undo height change

---
 .../vault.details.transaction-stack.tsx                         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/vault/components/vault.detaills/components/vault.details.transaction-stack/vault.details.transaction-stack.tsx b/src/app/components/vault/components/vault.detaills/components/vault.details.transaction-stack/vault.details.transaction-stack.tsx
index d2395475..c2446428 100644
--- a/src/app/components/vault/components/vault.detaills/components/vault.details.transaction-stack/vault.details.transaction-stack.tsx
+++ b/src/app/components/vault/components/vault.detaills/components/vault.details.transaction-stack/vault.details.transaction-stack.tsx
@@ -15,7 +15,7 @@ export function VaultTransactionStack({
 
   return (
     <VStack w={'100%'} justifyContent={'space-between'}>
-      <Divider w={'100%'} borderColor={'grey.01'} borderStyle={'dashed'} height={'1px'} />
+      <Divider w={'100%'} borderColor={'grey.01'} borderStyle={'dashed'} />
       <VaultTransactionRow label={'Funding TX'} value={vaultFundingTX} />
       <VaultTransactionRow label={'Withdraw/Deposit TX'} value={vaultWithdrawDepositTX} />
     </VStack>

From a4d21b86225a5ba30a546198160229e27b217256 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B3za=20Nagy?= <rozanagy88@gmail.com>
Date: Thu, 24 Oct 2024 14:14:29 +0200
Subject: [PATCH 5/6] feat: add text and remove bg color of vault header

---
 .../components/vault.header.copy-button.tsx        |  2 +-
 .../vault/components/vault.header/vault.header.tsx | 14 ++++----------
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/app/components/vault/components/vault.header/components/vault.header.copy-button.tsx b/src/app/components/vault/components/vault.header/components/vault.header.copy-button.tsx
index dd0acb9b..c617b8f5 100644
--- a/src/app/components/vault/components/vault.header/components/vault.header.copy-button.tsx
+++ b/src/app/components/vault/components/vault.header/components/vault.header.copy-button.tsx
@@ -11,7 +11,7 @@ export function VaultCopyButton({
   hasCopiedUUID,
 }: VaultCopyButtonProps): React.JSX.Element {
   return (
-    <HStack w={'25%'} justifyContent={'flex-end'}>
+    <HStack justifyContent={'flex-end'}>
       <Tooltip
         textAlign={'center'}
         label={hasCopiedUUID ? 'Copied' : 'Copy'}
diff --git a/src/app/components/vault/components/vault.header/vault.header.tsx b/src/app/components/vault/components/vault.header/vault.header.tsx
index dfc067b8..a679823a 100644
--- a/src/app/components/vault/components/vault.header/vault.header.tsx
+++ b/src/app/components/vault/components/vault.header/vault.header.tsx
@@ -19,19 +19,13 @@ export function VaultHeader({
 
   return (
     <HStack w={'100%'} justifyContent={'space-between'}>
-      <HStack
-        w={'67.5%'}
-        pl={'15px'}
-        bg={'white.04'}
-        borderRadius={'full'}
-        justifyContent={'space-between'}
-      >
-        <Stack w={'25%'}>
+      <HStack width={'75%'}>
+        <Stack w={'45%'}>
           <Text fontSize={'xs'} fontWeight={'bold'} color={'white.01'}>
-            Vault
+            Vault UUID
           </Text>
         </Stack>
-        <Stack w={'50%'}>
+        <Stack w={'45%'}>
           <Text fontSize={'xs'} fontWeight={'bold'} color={'white.01'}>
             {vaultTruncatedUUID}
           </Text>

From 8a538b22b8bb2505aca2ea31024987f25e79e5da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=B3za=20Nagy?= <rozanagy88@gmail.com>
Date: Thu, 24 Oct 2024 14:25:24 +0200
Subject: [PATCH 6/6] fix: add missing colon

---
 .../components/vault/components/vault.header/vault.header.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/components/vault/components/vault.header/vault.header.tsx b/src/app/components/vault/components/vault.header/vault.header.tsx
index a679823a..f708ed48 100644
--- a/src/app/components/vault/components/vault.header/vault.header.tsx
+++ b/src/app/components/vault/components/vault.header/vault.header.tsx
@@ -19,10 +19,10 @@ export function VaultHeader({
 
   return (
     <HStack w={'100%'} justifyContent={'space-between'}>
-      <HStack width={'75%'}>
+      <HStack width={'77%'}>
         <Stack w={'45%'}>
           <Text fontSize={'xs'} fontWeight={'bold'} color={'white.01'}>
-            Vault UUID
+            Vault UUID:
           </Text>
         </Stack>
         <Stack w={'45%'}>