From 68eefb5a6109163f0e0ca92c53f05d01b9ed7ae4 Mon Sep 17 00:00:00 2001
From: Bobo <bobo.kovacevic@gmail.com>
Date: Mon, 23 Oct 2023 14:48:05 +0200
Subject: [PATCH] Bridge and assets page styling fixes (#990)

* Bridge and assets page styling fixes

* Dark mode fix

* Bridge button styling fixes
---
 src/components/assets/styles/assets.scss           |  2 +-
 src/components/bridge/styles/bridge-selection.scss | 11 ++++++++++-
 src/pages/AssetsPage.vue                           |  2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/assets/styles/assets.scss b/src/components/assets/styles/assets.scss
index 89f866778..c3e315181 100644
--- a/src/components/assets/styles/assets.scss
+++ b/src/components/assets/styles/assets.scss
@@ -30,7 +30,7 @@
 }
 
 .title--account {
-  margin-bottom: 10px;
+  margin-bottom: 24px;
 }
 
 .separator--top {
diff --git a/src/components/bridge/styles/bridge-selection.scss b/src/components/bridge/styles/bridge-selection.scss
index 60e9523ad..9c5a24992 100644
--- a/src/components/bridge/styles/bridge-selection.scss
+++ b/src/components/bridge/styles/bridge-selection.scss
@@ -44,7 +44,7 @@
   align-items: center;
   justify-content: center;
   border-radius: 16px;
-  border: 1px solid $gray-4;
+  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
   cursor: pointer;
   transition: all 0.3s ease 0s;
   row-gap: 24px;
@@ -126,4 +126,13 @@
       }
     }
   }
+  .button--bridge {
+    border: 1px solid $gray-4;
+    background-color: $navy-2;
+  }
+
+  .column--selection button:not([disabled]) .button--bridge:hover {
+    border: 1px solid $astar-blue !important;
+    transition: all 0.3s ease 0s;
+  }
 }
diff --git a/src/pages/AssetsPage.vue b/src/pages/AssetsPage.vue
index 22c513324..d0f206d53 100644
--- a/src/pages/AssetsPage.vue
+++ b/src/pages/AssetsPage.vue
@@ -53,7 +53,7 @@ export default defineComponent({
 <style lang="scss" scoped>
 #assets-top {
   @media (min-width: $lg) {
-    margin-top: 50px;
+    margin-top: 58px;
     padding: 0 16px;
   }
 }