From 00bb40759f7c557f9237b730a949c8c12ef64d59 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 15 Apr 2021 18:02:11 +0800
Subject: ...

---
 FrontEnd/src/app/views/home-v2/index.tsx | 47 +++++++++++++++++---------------
 1 file changed, 25 insertions(+), 22 deletions(-)

(limited to 'FrontEnd/src/app/views/home-v2/index.tsx')

diff --git a/FrontEnd/src/app/views/home-v2/index.tsx b/FrontEnd/src/app/views/home-v2/index.tsx
index d0013f1b..c92db78e 100644
--- a/FrontEnd/src/app/views/home-v2/index.tsx
+++ b/FrontEnd/src/app/views/home-v2/index.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { useHistory } from "react-router";
 import { useTranslation } from "react-i18next";
-import { Container, Button } from "react-bootstrap";
+import { Container, Button, Row, Col } from "react-bootstrap";
 
 import { useUser } from "@/services/user";
 import SearchInput from "../common/SearchInput";
@@ -22,27 +22,30 @@ const HomeV2: React.FC = () => {
 
   return (
     <>
-      <Container className="px-0">
-        <SearchInput
-          className="my-3 mx-3"
-          value={navText}
-          onChange={setNavText}
-          onButtonClick={() => {
-            history.push(`search?q=${navText}`);
-          }}
-          additionalButton={
-            user != null && (
-              <Button
-                variant="outline-success"
-                onClick={() => {
-                  setDialog("create");
-                }}
-              >
-                {t("home.createButton")}
-              </Button>
-            )
-          }
-        />
+      <Container fluid className="px-0">
+        <Row className="my-3 px-2 justify-content-end">
+          <Col xs="auto">
+            <SearchInput
+              value={navText}
+              onChange={setNavText}
+              onButtonClick={() => {
+                history.push(`search?q=${navText}`);
+              }}
+              additionalButton={
+                user != null && (
+                  <Button
+                    variant="outline-success"
+                    onClick={() => {
+                      setDialog("create");
+                    }}
+                  >
+                    {t("home.createButton")}
+                  </Button>
+                )
+              }
+            />
+          </Col>
+        </Row>
         <TimelineListView headerText="home.loadingHighlightTimelines" />
       </Container>
       {dialog === "create" && (
-- 
cgit v1.2.3

