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: {
-        display: "flex",
+        minWidth: '8rem',
     },
     root: {
         height: "100%",
@@ -45,9 +45,11 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         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",
@@ -323,8 +325,8 @@ export const DataExplorer = withStyles(styles)(
                                         />
                                     ) : (
                                         <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"