ui: change alignment

Sifchain · Jul 26, 2022 · 545f9ac · 545f9ac
1 parent fcc961d
commit 545f9ac
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/app/src/views/BalancePage/BalancePage.tsx b/app/src/views/BalancePage/BalancePage.tsx
@@ -92,7 +92,7 @@ export default defineComponent({
         <PageCard
           heading={<div class="flex items-center">Balances</div>}
           headerAction={
-            <div class="flex items-center gap-2">
+            <div class="flex-end flex items-center gap-2">
               <Tooltip
                 content={
                   <>

diff --git a/app/src/views/PoolPage/PoolPage.tsx b/app/src/views/PoolPage/PoolPage.tsx
@@ -137,16 +137,7 @@ export default defineComponent({
             iconName="navigation/pool"
             withOverflowSpace
             headerAction={
-              <div class="flex flex-col gap-2">
-                <Button.Inline
-                  to={{ name: "AddLiquidity", params: {} }}
-                  active
-                  replace
-                  class={["text-md !h-[40px] px-[17px]"]}
-                  icon="interactive/plus"
-                >
-                  <div class="font-semibold">Add Liquidity</div>
-                </Button.Inline>
+              <div class="flex-end flex items-center gap-2">
                 <Toggle
                   class="flex-row-reverse"
                   label={`Show pools less than ${SMALL_POOL_CAP.toLocaleString(
@@ -162,6 +153,15 @@ export default defineComponent({
                     this.showSmallPools = active;
                   }}
                 />
+                <Button.Inline
+                  to={{ name: "AddLiquidity", params: {} }}
+                  active
+                  replace
+                  class={["text-md !h-[40px] px-[17px]"]}
+                  icon="interactive/plus"
+                >
+                  <div class="font-semibold">Add Liquidity</div>
+                </Button.Inline>
               </div>
             }
             headerContent={