From 8d732ab83c0f964d717dc3f4bb433248e97668f6 Mon Sep 17 00:00:00 2001
From: Dawid Sowa <dawid.sowa@rdx.works>
Date: Tue, 30 Jul 2024 14:50:56 +0200
Subject: [PATCH] fix(dashboard): account staking panel mobile

---
 .../account/[account]/staking/+page.svelte    | 37 +++++++++++++------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/apps/dashboard/src/routes/(search-pages)/account/[account]/staking/+page.svelte b/apps/dashboard/src/routes/(search-pages)/account/[account]/staking/+page.svelte
index cefac4c75..31251cad5 100644
--- a/apps/dashboard/src/routes/(search-pages)/account/[account]/staking/+page.svelte
+++ b/apps/dashboard/src/routes/(search-pages)/account/[account]/staking/+page.svelte
@@ -84,22 +84,37 @@
 
   .card-content {
     display: flex;
-    padding: var(--spacing-2xl) 0;
 
-    & > :global(.stake-display) {
-      flex-grow: 1;
-      padding: 0 var(--spacing-2xl);
+    @include mixins.desktop {
+      padding: var(--spacing-2xl) 0;
 
-      &:first-child {
-        padding-left: 0;
-      }
+      & > :global(.stake-display) {
+        flex-grow: 1;
+        padding: 0 var(--spacing-2xl);
+
+        &:first-child {
+          padding-left: 0;
+        }
+
+        &:last-child {
+          padding-right: 0;
+        }
 
-      &:last-child {
-        padding-right: 0;
+        &:not(:last-child) {
+          border-right: var(--border-divider) var(--theme-border);
+        }
       }
+    }
+
+    @include mixins.mobile {
+      flex-direction: column;
+
+      & > :global(.stake-display) {
+        padding: var(--spacing-xl) 0;
 
-      &:not(:last-child) {
-        border-right: var(--border-divider) var(--theme-border);
+        &:not(:last-child) {
+          border-bottom: var(--border-divider) var(--theme-border);
+        }
       }
     }
   }