@import "//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/paper/bootstrap.min.css";
@import "flex-mixins.less";

html, body, .container-fluid {
  height: 100%;
}

.pull-bottom {
  height: 100%;
}

.container-fluid {
  padding: 15px;
  .flex();
  .flex-direction(column);

  #chat-messages {
    flex: 1;

    @message-margin: 10px;
    .message(@bgcolor) {
      max-width: 50%;
      background-color: @bgcolor;
    }

    .eoger {
      .message(#80B3FF);
      margin-left: @message-margin;
    }

    .visitor {
      .message(#FFC2CE);
      margin-right: @message-margin;
    }
  }

  #chat-input {
    margin-top: 5px;

    form {
      .flex;

      input {
        flex: 1;
      }

      button {
        margin-left: 5px;
      }
    }
  }
}
@import "//maxcdn.bootstrapcdn.com/bootswatch/3.3.0/paper/bootstrap.min.css";
@import "flex-mixins.less";

html, body, #app, .container-fluid {
  height: 100%;
}

.pull-bottom {
  height: 100%;
}

.container-fluid {
  padding: 15px;
  .flex();
  .flex-direction(column);

  #chat-messages {
    flex: 1;

    @message-margin: 10px;
    .message(@bgcolor) {
      max-width: 50%;
      background-color: @bgcolor;
    }

    .eoger {
      .message(#80B3FF);
      margin-left: @message-margin;
    }

    .visitor {
      .message(#FFC2CE);
      margin-right: @message-margin;
    }
  }

  #chat-input {
    margin-top: 5px;

    form {
      .flex;

      input {
        flex: 1;
      }

      button {
        margin-left: 5px;
      }
    }
  }
}
Fix : chat wasn't filling all height
Fix : chat wasn't filling all height
