fix wrong line breaking

frontend/src/views/basic_photo_banner/canvas.js

@@ -116,7 +116,7 @@ const redraw = async (canvas, options) => {
         mainTextBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: mainTextWidth,
+                width: canvas.width,
                 left: textMarginLeft,
                 textAlign: 'left',
                 fontFamily: 'Bebas Neue',

frontend/src/views/facebook_survey/canvas.js

@@ -64,7 +64,7 @@ const redraw = async (canvas, options) => {
         mainTextBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: mainTextWidth,
+                width: canvas.width,
                 left: textMarginLeft,
                 textAlign: 'center',
                 fontFamily: 'Bebas Neue',

frontend/src/views/newspaper_quote_bottom/canvas.js

@@ -219,7 +219,7 @@ const redraw = async (canvas, options) => {
         mainTextBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: mainTextWidth,
+                width: canvas.width,
                 left: textMarginSides,
                 textAlign: 'left',
                 fontFamily: 'Glegoo',

frontend/src/views/newspaper_quote_middle/canvas.js

@@ -195,7 +195,7 @@ const redraw = async (canvas, options) => {
         mainTextBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: mainTextWidth,
+                width: canvas.width,
                 left: textMarginSides,
                 textAlign: 'left',
                 fontFamily: 'Glegoo',

frontend/src/views/text_banner/canvas.js

@@ -109,7 +109,7 @@ const redraw = async (canvas, options) => {
         textBox = new PaddedHighlightingTextbox(
             highlightedData.text,
             {
-                width: textBoxWidth,
+                width: canvas.width,
                 left: textBoxMarginSide,
                 top: (
                     textBoxTop

frontend/src/views/twitter_banner/canvas.js

@@ -180,7 +180,7 @@ const redraw = async (canvas, options) => {
                 mainTextBox = new PaddedHighlightingTextbox(
                     highlightedData.text,
                     {
-                        width: mainTextBoxWidth,
+                        width: canvas.width,
                         textAlign: 'left',
                         fontSize: mainTextBoxFontSize,
                         fontFamily: 'Roboto Condensed',