.vizz-wysiwyg {
  .ql-container {
    font-family: $font-family-1;
    font-size: $font-size-normal;
  }

 .cw-wysiwyg-text {
    // Display the text elements with a 100% width
    // so the text can have some alignment
    flex-basis: 100%;
    max-width: none;
  }

  .c-we-vega-chart-legend {
    top: 10px;
    right: 10px;

    .toggle-button {
      @extend .c-button.-mini;
      border: 1px solid;
      border-radius: 20px;
      border-color: $color-1;
      text-indent: -10000px;

      span {
        margin: 0;
        text-indent: 0;
        border: 0;
      }
    }
  }


  .c-we-chart, .c-we-chart .chart, .c-we-chart .chart canvas {
    height: 250px;
    width: 100%;
  }
}

.vizz-wysiwyg {
  .ql-container {
    font-family: $font-family-1;
    font-size: $font-size-normal;
  }

 .cw-wysiwyg-text {
    // Display the text elements with a 100% width
    // so the text can have some alignment
    flex-basis: 100%;
    max-width: none;
  }

  .c-we-vega-chart-legend {
    top: 10px;
    right: 10px;

    .toggle-button {
      @extend .c-button.-mini;
      border: 1px solid;
      border-radius: 20px;
      border-color: $color-1;
      text-indent: -10000px;

      span {
        margin: 0;
        text-indent: 0;
        border: 0;
      }
    }
  }


  .c-we-chart, .c-we-chart .chart {
    height: 250px;
    width: 100%;
  }
}

Fix a possible overflow issue with the charts in the wysiwyg
Fix a possible overflow issue with the charts in the wysiwyg

Widgets with inputs could overflow. Example: http://atlas.kicks-ass.net/testing123?l=fr
