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;
    }
  }

  .wizard-step-banner {
    max-height: 250px !important;
    width: initial !important;
  }

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

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

  .wizard-column .wizard-field .field-description {
    display: flex;
    align-items: center;

    img {
      float: none;
    }

    i, span {
      flex: 1;
    }
  }
}