search foerm fixed

src/client/js/components/SearchPage/SearchPageForm.jsx

@@ -37,21 +37,20 @@ class SearchPageForm extends React.Component {
 
   render() {
     return (
-      <FormGroup>
-        <InputGroup>
-          <SearchForm
-            t={this.props.t}
-            onSubmit={this.search}
-            keyword={this.state.searchedKeyword}
-            onInputChange={this.onInputChange}
-          />
-          <InputGroup.Button className="">
-            <Button onClick={this.search}>
-              <i className="icon-magnifier"></i>
-            </Button>
-          </InputGroup.Button>
-        </InputGroup>
-      </FormGroup>
+      <div className="form-group d-flex">
+        <input
+          type="text"
+          className="form-control"
+          placeholder="Search ..."
+          t={this.props.t}
+          onSubmit={this.search}
+          keyword={this.state.searchedKeyword}
+          onInputChange={this.onInputChange}
+        />
+        <button type="submit" className="btn btn-secondary" onClick={this.search}>
+          <i className="icon-magnifier"></i>
+        </button>
+      </div>
     );
   }
 

src/server/views/layout/layout.html

@@ -79,7 +79,7 @@
     <div class="navbar-header d-flex w-100">
 
       <!-- 1 GROWI logo -->
-      <a class="logo d-block top-left-part bg-grw-mos-green my-auto px-3" href="/">
+      <a class="logo d-block top-left-part bg-grw-mos-green my-auto" href="/">
         <div class="logo-mark _white d-inline-block">{% include '../widget/logo.html' %}</div>
         <span class="logo-text mx-3 text-white">
           {% set appTitle = appService.getAppTitle() %}