Fix npm test ci script

.gitlab-ci.yml

@@ -16,6 +16,6 @@ jstest:
   stage: test
   image: node:10
   script:
-   - uhepp-js
+   - cd uhepp-js
    - npm i
    - npm run-script test

uhepp-js/src/components/Graph.jsx

@@ -205,7 +205,7 @@ const UheppHist = ({width, height, uhepp}) => {
   const [showTotal, setShowTotal] = useState(false);
 
 	const margin = {
-		top: 60,
+		top: 0,
 		bottom: 60,
 		left: 80,
 		right: 80,
@@ -296,12 +296,11 @@ const UheppHist = ({width, height, uhepp}) => {
   uhepp.stacks.reverse()
 
 	return (
-  <>
-			<svg width={width}
-           height={height}
+  <div style={{width: '100%', margin: '0 auto'}}>
+			<svg viewBox={`0 0 ${width} ${height}`}
            onMouseOut={() => setHighlightedBin(null)} >
         <style>
-        rect, line {'{shape-rendering: crispEdges }'}
+        rect {'{shape-rendering: crispEdges }'}
         .uhepp-brand {'{font-style: italic; font-weight: bold}'}
         .uhepp-brand, .uhepp-label {'{font-size: 20px}'}
         </style>
@@ -394,7 +393,7 @@ const UheppHist = ({width, height, uhepp}) => {
 					/>
 				</Group>
 			</svg>
-  </>
+  </div>
 	)
 }
 export default UheppHist;

uhepp_org/uhepp_vault/templates/uhepp_vault/plot_detail.html

@@ -17,14 +17,15 @@ Loading...
 <script>
 uhepp.fe.ReactDOM.render(
   uhepp.fe.React.createElement(uhepp.fe.Graph, {
-    width: "600",
-    height: "500",
+    width: "555",
+    height: "400",
     uhepp: JSON.parse(document.getElementById('plot-data').textContent)
   }),
   document.getElementById('app-root')
 );
 </script>
-<textarea cols="100" rows="10" readonly>{{ plot.uhepp }}</textarea>
+
+<!-- <textarea cols="100" rows="10" readonly>{{ plot.uhepp }}</textarea> -->
 
 <p>
   <a class="btn btn-primary" href="{% url 'uhepp_vault:plot-download' plot.uuid %}">Download JSON</a>