Styles to make firepad auto-expand to fit its content.

auto-expand-firepad.css

    .firepad {
      height: auto;
    }

    .firepad-toolbar {
      position: relative;
      margin-top: 20px;
      margin-left: 10px;
      top: auto;
      left: auto;
      right: auto;
    }

    .firepad-with-toolbar .CodeMirror {
      position: relative;
      height: auto;
      top: auto;
      left: auto;
      margin-left: 10px;
      right: auto;
      bottom: auto;
    }
    .CodeMirror-scroll {
      overflow-y: hidden;
      overflow-x: auto;
    }