Update spacing

osmosis-labs · Aug 9, 2024 · 7e9596f · 7e9596f
1 parent e315142
commit 7e9596f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/packages/web/components/complex/portfolio/allocation.tsx b/packages/web/components/complex/portfolio/allocation.tsx
@@ -67,7 +67,7 @@ export const Allocation: FunctionComponent<{
   const selectedList = allocation[selectedOption];
 
   return (
-    <div className="flex w-full flex-col">
+    <div className="flex w-full flex-col py-3">
       <div
         className="flex cursor-pointer items-center justify-between py-3"
         onClick={() => setIsOpen(!isOpen)}

diff --git a/packages/web/components/complex/portfolio/portfolio-page.tsx b/packages/web/components/complex/portfolio/portfolio-page.tsx
@@ -170,17 +170,17 @@ export const PortfolioPage: FunctionComponent = () => {
               )}
             </TabGroup>
           </section>
-
-          <section className="flex w-80 flex-col gap-3">
-            {featureFlags.cypherCard && <CypherCard />}
-
-            {!isLoadingAllocation && !userHasNoAssets && (
-              <Allocation allocation={allocation} />
-            )}
-            <div className="flex-1">
+          <aside className="flex w-full gap-16">
+            <div className="flex grow flex-col">
               <RecentActivity />
             </div>
-          </section>
+            <div className="min-w-80 flex w-80 flex-col">
+              {featureFlags.cypherCard && <CypherCard />}
+              {!isLoadingAllocation && !userHasNoAssets && (
+                <Allocation allocation={allocation} />
+              )}
+            </div>
+          </aside>
         </>
       ) : isWalletLoading ? null : (
         <WalletDisconnectedSplash />

diff --git a/packages/web/components/transactions/recent-activity/recent-activity.tsx b/packages/web/components/transactions/recent-activity/recent-activity.tsx
@@ -53,7 +53,7 @@ export const RecentActivity: FunctionComponent = observer(() => {
   const topActivity = transactions.slice(0, ACTIVITY_LIMIT);
 
   return (
-    <div className="flex w-full flex-col">
+    <div className="flex w-full flex-col py-3">
       <div className="flex cursor-pointer items-center justify-between py-3">
         <h6>{t("portfolio.recentActivity")}</h6>
         <LinkButton