styling fixes

invana · May 29, 2021 · 52a6103 · 52a6103
1 parent 0115aba
commit 52a6103
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/web/viewlets/canvas/graph-canvas.js b/src/web/viewlets/canvas/graph-canvas.js
@@ -661,7 +661,7 @@ export default class GraphCanvas extends DefaultRemoteComponent {
                         <div className={" position-absolute "}
                              style={{
                                  "width": "420px", "top": "90px", "zIndex": 100001,
-                                 "maxHeight": "calc(100vh - 250px)"
+                                 "maxHeight": "calc(100vh - 140px)"
                              }}>
                             <div className={"ml-3 border border-top-0 bg-white"}>
 

diff --git a/src/web/viewlets/canvas/query-history.js b/src/web/viewlets/canvas/query-history.js
@@ -72,7 +72,7 @@ export default class RequestHistoryView extends React.Component {
         console.log("====historyToShow", historyToShow)
         return (
 
-            <Card className={" border-0 rounded-0"}>
+            <Card className={" border-0 rounded-0 overflow-auto"}>
                 <Card.Header className={"bg-secondary text-white pt-2 pb-2 rounded-0"}>
                     <FontAwesomeIcon icon={faHistory}/> Query History
                 </Card.Header>

diff --git a/src/web/viewlets/welcome/welcome.js b/src/web/viewlets/welcome/welcome.js
@@ -25,7 +25,7 @@ export default class Welcome extends DefaultRemoteComponent {
         const historyToShow = existingHistory.filter(item => item.source === "console").slice(0, 2);
 
         return (
-            <Card className={"ml-4"} style={{width: '820px', "borderRadius": 0, "top": "58px"}}>
+            <Card className={"ml-4"} style={{width: '820px', "borderRadius": 0, "top": "58px", }}>
                 <Card.Body style={{"padding": "5rem 3rem 3rem 3rem"}}>
                     <Row>
                         <Col md={"6"}>
@@ -50,7 +50,7 @@ export default class Welcome extends DefaultRemoteComponent {
                             </a></p>
 
                         </Col>
-                        <Col md={"6"}>
+                        <Col md={"6"}  className={"overflow-auto"} style={{"maxHeight": "320px"}}>
                             <div className="border-left">
                                 {historyToShow.length > 0
                                     ?