Use display: fixed for the search box

2 files changed, 17 insertions, 1 deletions

diff --git a/src/client/react/components/page/User.js b/src/client/react/components/page/User.js
index 215a6e0..0c79a8b 100644
--- a/src/client/react/components/page/User.js
+++ b/src/client/react/components/page/User.js
@@ -21,9 +21,13 @@ const UserPage = ({ match, location }) => {
 
   return (
     <div className="page-user">
+      <div className="search-wrapper">
+        <div className="search-container">
+          <Search urlUser={user} />
+        </div>
+      </div>
       <div className="menu">
         <div className="menu-container">
-          <Search urlUser={user} />
           <WeekSelector urlWeek={week} />
         </div>
       </div>
diff --git a/src/client/style/_page-user.scss b/src/client/style/_page-user.scss
index 395e492..37a51eb 100644
--- a/src/client/style/_page-user.scss
+++ b/src/client/style/_page-user.scss
@@ -1,6 +1,18 @@
 .page-user {
+  .search-wrapper {
+    position: fixed;
+    width: 100%;
+
+    .search-container {
+      max-width: 600px;
+      margin: 0 auto;
+      padding: 8px;
+    }
+  }
+
   .menu {
     background-color: #F44336;
+    padding-top: 54px;
 
     &-container {
       max-width: 600px;