Merge branch 'master' into 14313-basic-view-recent-queries

[arvados.git] / src / views-components / search-bar / search-bar-advanced-view.tsx

diff --git a/src/views-components/search-bar/search-bar-advanced-view.tsx b/src/views-components/search-bar/search-bar-advanced-view.tsx
index 356eb33fcbaf1898b737411198a9266bd7ebd330..dde23685f57b51f9b6802d661360507780c7f926 100644 (file)
--- a/src/views-components/search-bar/search-bar-advanced-view.tsx
+++ b/src/views-components/search-bar/search-bar-advanced-view.tsx
@@ -7,12 +7,15 @@ import { Paper, StyleRulesCallback, withStyles, WithStyles, List, Button } from
 import { SearchView } from '~/store/search-bar/search-bar-reducer';
 import { RecentQueriesItem } from '~/views-components/search-bar/search-bar-view';
 
-type CssRules = 'list';
+type CssRules = 'list' | 'searchView';
 
 const styles: StyleRulesCallback<CssRules> = theme => {
     return {
         list: {
             padding: '0px'
+        },
+        searchView: {
+            borderRadius: `0 0 ${theme.spacing.unit / 4}px ${theme.spacing.unit / 4}px`
         }
     };
 };
@@ -23,7 +26,7 @@ interface SearchBarAdvancedViewProps {
 
 export const SearchBarAdvancedView = withStyles(styles)(
     ({ classes, setView }: SearchBarAdvancedViewProps & WithStyles<CssRules>) =>
-        <Paper>
+        <Paper className={classes.searchView}>
             <List component="nav" className={classes.list}>
                 <RecentQueriesItem text='ADVANCED VIEW' />
             </List>