From c2d6a21c049d0f4f8b64a33eb60de7271465692c Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Tue, 3 Nov 2020 23:37:28 +0800
Subject: feat: Enhance home page layout.

---
 FrontEnd/src/app/views/home/BoardWithUser.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'FrontEnd/src/app/views/home/BoardWithUser.tsx')

diff --git a/FrontEnd/src/app/views/home/BoardWithUser.tsx b/FrontEnd/src/app/views/home/BoardWithUser.tsx
index dcd39cbe..fbe1dd89 100644
--- a/FrontEnd/src/app/views/home/BoardWithUser.tsx
+++ b/FrontEnd/src/app/views/home/BoardWithUser.tsx
@@ -62,9 +62,9 @@ const BoardWithUser: React.FC<{ user: UserWithToken }> = ({ user }) => {
   }, [user, joinTimelines]);
 
   return (
-    <Row className="my-2 justify-content-center">
+    <Row className="my-3 justify-content-center">
       {ownTimelines === "offline" && joinTimelines === "offline" ? (
-        <Col className="py-2" sm="8" lg="6">
+        <Col sm="8" lg="6">
           <OfflineBoard
             onReload={() => {
               setOwnTimelines("loading");
@@ -74,7 +74,7 @@ const BoardWithUser: React.FC<{ user: UserWithToken }> = ({ user }) => {
         </Col>
       ) : (
         <>
-          <Col sm="6" lg="5" className="py-2">
+          <Col sm="6" lg="5" className="mb-3 mb-sm-0">
             <TimelineBoard
               title={t("home.ownTimeline")}
               timelines={ownTimelines}
@@ -83,7 +83,7 @@ const BoardWithUser: React.FC<{ user: UserWithToken }> = ({ user }) => {
               }}
             />
           </Col>
-          <Col sm="6" lg="5" className="py-2">
+          <Col sm="6" lg="5">
             <TimelineBoard
               title={t("home.joinTimeline")}
               timelines={joinTimelines}
-- 
cgit v1.2.3

