From 238e022056428adc16e34536361509f54329ff42 Mon Sep 17 00:00:00 2001
From: Nikita <nikita.cedrik@gmail.com>
Date: Mon, 3 Feb 2025 11:42:23 +0400
Subject: [PATCH] refactor: adjust transaction details page

---
 src/popup/components/DetailsItem.vue                 | 5 ++++-
 src/protocols/aeternity/views/TransactionDetails.vue | 5 +++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/popup/components/DetailsItem.vue b/src/popup/components/DetailsItem.vue
index d9046d764..89c51785e 100644
--- a/src/popup/components/DetailsItem.vue
+++ b/src/popup/components/DetailsItem.vue
@@ -112,13 +112,16 @@ export default defineComponent({
   .value {
     @extend %face-sans-15-regular;
 
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    align-items: center;
     letter-spacing: 0.05em;
     color: rgba($color-white, 0.85);
     margin-bottom: 8px;
 
     .secondary {
       color: $color-grey-light;
-      margin-left: 4px;
       white-space: nowrap;
     }
 
diff --git a/src/protocols/aeternity/views/TransactionDetails.vue b/src/protocols/aeternity/views/TransactionDetails.vue
index 0c277156a..810fb071e 100644
--- a/src/protocols/aeternity/views/TransactionDetails.vue
+++ b/src/protocols/aeternity/views/TransactionDetails.vue
@@ -443,9 +443,14 @@ export default defineComponent({
 </script>
 
 <style lang="scss" scoped>
+@use '@/styles/variables' as *;
 @use '@/styles/typography';
 @use '@/styles/mixins';
 
+.ion-content-bg {
+  background-color: $color-bg-4;
+}
+
 .transaction-details {
   .tip-url {
     width: 100%;