projects
/
arvados.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
21364: css tweaks Arvados-DCO-1.1-Signed-off-by: Lisa Knox <lisa.knox@curii.com>
[arvados.git]
/
services
/
workbench2
/
src
/
components
/
data-explorer
/
data-explorer.tsx
diff --git
a/services/workbench2/src/components/data-explorer/data-explorer.tsx
b/services/workbench2/src/components/data-explorer/data-explorer.tsx
index 0fb77a6a1bd5c4e12cc12f23da0169e2fd93634b..91ece48c3a34d18cea25e6c3e74181f133bf0123 100644
(file)
--- a/
services/workbench2/src/components/data-explorer/data-explorer.tsx
+++ b/
services/workbench2/src/components/data-explorer/data-explorer.tsx
@@
-36,7
+36,7
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
overflow: "auto",
},
loadMoreContainer: {
overflow: "auto",
},
loadMoreContainer: {
-
display: "flex"
,
+
minWidth: '8rem'
,
},
root: {
height: "100%",
},
root: {
height: "100%",
@@
-45,9
+45,11
@@
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
padding: 0,
},
numResults: {
padding: 0,
},
numResults: {
- marginTop: "10px",
- fontSize: "12px",
- minWidth: "5rem",
+ marginTop: 0,
+ fontSize: "10px",
+ marginLeft: "10px",
+ marginBottom: '-0.5rem',
+ minWidth: '8.5rem',
},
title: {
display: "inline-block",
},
title: {
display: "inline-block",
@@
-323,8
+325,8
@@
export const DataExplorer = withStyles(styles)(
/>
) : (
<Grid className={classes.loadMoreContainer}>
/>
) : (
<Grid className={classes.loadMoreContainer}>
- <Typography className={classes.numResults}>
- Showing {items.length}
of
{itemsAvailable} results
+ <Typography
className={classes.numResults}>
+ Showing {items.length}
/
{itemsAvailable} results
</Typography>
<Button
size="small"
</Typography>
<Button
size="small"