title: hangouts api cards trimming text
body: <p>Im trying to send large descriptions inside a card using the google hangout api; but unfortunately the text is being trimmed when its too long.
  Below is a sample of the card I send:</p>
  
  <pre><code>"cards": [{
          "sections": [{
                  "widgets": [{
                          "keyValue": {
                              "topLabel": "Label",
                              "content": "Long Description goes here..."
                          }
                      }
                  ]
              }
          ]
      }
  ]
  </code></pre>
  
  <p>When I look at the html received by the bot the content is in a dive with <code>white-space: nowrap;</code>...
  I tried placing the content in a div and giving it <code>white-space: wrap;</code> as such 
  <code>"content": "&lt;div style='white-space: wrap;'&gt;Long Description...&lt;/div&gt;"</code>, but the bot just removes that div when it sends the card.</p>
  
  <p>I also noticed that on pc browser the text was trimmed at 43 characters, so I used regex to add \n at every 43 character using <code>.replace(/.{42}/g, '$&amp;\n')</code>, which kind of works but on mobile the card seems to trim messages even more...</p>
  
  <p>Anyway I could simply remove that annoying <code>white-space</code> style??</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>I know about <a href="https://stackoverflow.com/questions/56022932/is-it-possible-to-change-card-width-of-google-chatbot">this post</a>, but it tries to increase width of the card (which technically would work for me), and there were no solutions...</p>