message: [docs]: improve the design of the feedback widget.
diff: }
  </style>
  -<div>
  - <h5 class="mt-12 mb-6 text-center">Was this helpful?</h5>
  +<div class="my-huge">
  + <div
  + class="bg-white shadow-normal rounded-2xl max-w-md py-small px-xx-small m-auto"
  + >
  + <h5 class="mb-6 text-center">Was this helpful?</h5>
  {#if resultMessage}
  <p class="text-center">{resultMessage}</p>
  {:else}
  {/each}
  </div>
  {#if selectedEmotion}
  - <div>
  + <div class="mt-x-small">
  <label for="note">Feedback</label>
  <div>
  <textarea
  autocomplete="off"
  autocorrect="off"
  type="text"
  + class="mb-0"
  />
  </div>
  <div>
  <span
  - ><button role="button" type="submit" class="btn-primary"
  - ><span>Send</span></button
  + ><button
  + role="button"
  + type="submit"
  + class="btn-primary mt-micro"><span>Send</span></button
  ></span
  >
  </div>
  </form>
  {/if}
  </div>
  +</div>
  