discourse-custom-wizard/assets/stylesheets/wizard/wizard_custom_mobile.scss

@import 'wizard_variables';

.custom-wizard {
  .wizard-step-form {
    .wizard-btn {
      margin: 0;
    }
  }

  .wizard-step-description {
    .image-container {
      margin: 20px 0;
      padding: 0;
    }

    img.large {
      width: 150px;
      padding: 10px;
    }

    img.small {
      width: 60px;
      height: 60px;
      padding: 10px;
    }

    .tip {
      position: relative;
      display: inline-block;
      margin: 20px 0;
    }
  }

  .control-group {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }

  input, textarea {
    border: 1px solid #919191;
  }

  .wizard-column {
    .checkbox-field > label {
      max-width: 80%;
    }

    .wizard-field {
      label[for="tip"] .field-description {
        display: flex;
        align-items: center;

        img {
          float: none;
        }

        i {
          flex: 1;
        }
      }

      .field-description img {
        float: left;
      }
    }
  }
}