diff options
Diffstat (limited to 'packages/gitbook-plugin-search/src/components/Results.js')
| -rw-r--r-- | packages/gitbook-plugin-search/src/components/Results.js | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/packages/gitbook-plugin-search/src/components/Results.js b/packages/gitbook-plugin-search/src/components/Results.js index cccc501..647528a 100644 --- a/packages/gitbook-plugin-search/src/components/Results.js +++ b/packages/gitbook-plugin-search/src/components/Results.js @@ -10,12 +10,14 @@ const Result = React.createClass({ const { result } = this.props; return ( - <div className="Search-Result"> + <div className="Search-ResultContainer"> <GitBook.InjectedComponent matching={{ role: 'search:result' }} props={{ result }}> - <h3> - <GitBook.Link to={result.url}>{result.title}</GitBook.Link> - </h3> - <p>{result.body}</p> + <div className="Search-Result"> + <h3> + <GitBook.Link to={result.url}>{result.title}</GitBook.Link> + </h3> + <p>{result.body}</p> + </div> </GitBook.InjectedComponent> </div> ); @@ -40,11 +42,13 @@ const SearchResults = React.createClass({ return ( <div className="Search-ResultsContainer"> <GitBook.InjectedComponent matching={{ role: 'search:results' }} props={{ results, query }}> - <h1>{i18n.t('SEARCH_RESULTS_TITLE', { query, count: results.size })}</h1> <div className="Search-Results"> - {results.map((result, i) => { - return <Result key={i} result={result} />; - })} + <h1>{i18n.t('SEARCH_RESULTS_TITLE', { query, count: results.size })}</h1> + <div className="Search-Results"> + {results.map((result, i) => { + return <Result key={i} result={result} />; + })} + </div> </div> </GitBook.InjectedComponent> </div> |