Misago/frontend/style/misago/modals.less

//
// Misago Modals
// --------------------------------------------------


// Modals displaying messages

// Small displays
@media screen and (max-width: @screen-sm-max) {
  .modal-message {
    text-align: center;

    .message-icon {
      margin: @line-height-computed * 1.5;

      .material-icon {
        font-size: @message-page-icon-size * 2;
      }
    }
  }
}


// Full displays
@media screen and (min-width: @screen-md-min) {
  .modal-message {
    .message-icon {
      float: left;

      .material-icon {
        font-size: @message-page-icon-size;
      }
    }

    .message-body {
      margin-left: @message-page-icon-size + @line-height-computed;
    }
  }
}


// Registration modal
.modal-register .modal-footer a {
  float: left;
  margin-top: @line-height-computed / 3;
}

@media screen and (max-width: @screen-sm-max) {
  .modal-register .modal-footer {
    text-align: center;

    a {
      display: block;
    }

    .btn {
      display: block;
      float: none;
      margin-top: @line-height-computed / 2;
      width: 100%;
    }
  }
}