Align the image either left or right on the answer button

Introduction

There are no settings or options to put the image side by side with the text on the answer button, however, a little CSS should do the job.

Here is the CSS code:

<style>
  .panel-answer .panel-body {
    display: flex !important;
    flex-direction: row-reverse !important;
  }

  .question-answer-inner {
    margin: 70px 0px 0px 0px !important;
    display: flex;
  }

  .question-answer-checkbox {
    margin-right: 10px;
  }
</style>

And here is the code explanation. Please feel free to adjust the code according to your needs.

And here is the final result.

Tagged: