From 368e33c076085b1b73f522ac88f548a2ad081c80 Mon Sep 17 00:00:00 2001
From: srichman333 <sarah_n_richman@brown.edu>
Date: Tue, 10 Oct 2023 15:52:16 -0400
Subject: start

---
 src/client/views/nodes/DataVizBox/components/Histogram.tsx | 2 +-
 src/client/views/nodes/DataVizBox/components/LineChart.tsx | 2 +-
 src/client/views/nodes/DataVizBox/components/PieChart.tsx  | 2 +-
 src/client/views/nodes/DataVizBox/components/TableBox.tsx  | 1 +
 4 files changed, 4 insertions(+), 3 deletions(-)

(limited to 'src/client/views/nodes/DataVizBox/components')

diff --git a/src/client/views/nodes/DataVizBox/components/Histogram.tsx b/src/client/views/nodes/DataVizBox/components/Histogram.tsx
index e67e2bf31..eca77f0f3 100644
--- a/src/client/views/nodes/DataVizBox/components/Histogram.tsx
+++ b/src/client/views/nodes/DataVizBox/components/Histogram.tsx
@@ -456,7 +456,7 @@ export class Histogram extends React.Component<HistogramProps> {
 
         if (this._histogramData.length > 0 || !this.parentViz) {
             return this.props.axes.length >= 1 ? (
-                <div className="chart-container">
+                <div className="chart-container" style={{width: this.props.width+this.props.margin.right}}>
                     <div className="graph-title">
                         <EditableText
                             val={StrCast(this.props.layoutDoc[titleAccessor])}
diff --git a/src/client/views/nodes/DataVizBox/components/LineChart.tsx b/src/client/views/nodes/DataVizBox/components/LineChart.tsx
index 3de7a0c4a..11bdcc3d6 100644
--- a/src/client/views/nodes/DataVizBox/components/LineChart.tsx
+++ b/src/client/views/nodes/DataVizBox/components/LineChart.tsx
@@ -352,7 +352,7 @@ export class LineChart extends React.Component<LineChartProps> {
         const selectedPt = this._currSelected ? `{ ${this.props.axes[0]}: ${this._currSelected.x} ${this.props.axes[1]}: ${this._currSelected.y} }` : 'none';
         if (this._lineChartData.length > 0 || !this.parentViz || this.parentViz.length == 0) {
             return this.props.axes.length >= 2 && /\d/.test(this.props.records[0][this.props.axes[0]]) && /\d/.test(this.props.records[0][this.props.axes[1]]) ? (
-                <div className="chart-container">
+                <div className="chart-container" style={{width: this.props.width+this.props.margin.right}}>
                     <div className="graph-title">
                         <EditableText
                             val={StrCast(this.props.layoutDoc[titleAccessor])}
diff --git a/src/client/views/nodes/DataVizBox/components/PieChart.tsx b/src/client/views/nodes/DataVizBox/components/PieChart.tsx
index 561f39141..df65810b5 100644
--- a/src/client/views/nodes/DataVizBox/components/PieChart.tsx
+++ b/src/client/views/nodes/DataVizBox/components/PieChart.tsx
@@ -353,7 +353,7 @@ export class PieChart extends React.Component<PieChartProps> {
 
         if (this._pieChartData.length > 0 || !this.parentViz) {
             return this.props.axes.length >= 1 ? (
-                <div className="chart-container">
+                <div className="chart-container" style={{width: this.props.width+this.props.margin.right}}>
                     <div className="graph-title">
                         <EditableText
                             val={StrCast(this.props.layoutDoc[titleAccessor])}
diff --git a/src/client/views/nodes/DataVizBox/components/TableBox.tsx b/src/client/views/nodes/DataVizBox/components/TableBox.tsx
index dd13c5749..2fa68b00a 100644
--- a/src/client/views/nodes/DataVizBox/components/TableBox.tsx
+++ b/src/client/views/nodes/DataVizBox/components/TableBox.tsx
@@ -126,6 +126,7 @@ export class TableBox extends React.Component<TableBoxProps> {
             return (
                 <div
                     className="tableBox"
+                    style={{width: this.props.width+this.props.margin.right}}
                     tabIndex={0}
                     onKeyDown={e => {
                         if (this.props.layoutDoc && e.key === 'a' && (e.ctrlKey || e.metaKey)) {
-- 
cgit v1.2.3-70-g09d2