@import "../mixins";

/** A React component holding the commit message entry */
#commit-message {
  border-top: 1px solid var(--box-border-color);
  flex-direction: column;
  margin-top: auto;

  display: flex;
  background-color: var(--box-alt-background-color);
  padding: var(--spacing);
}

@import "../mixins";

/** A React component holding the commit message entry */
#commit-message {
  border-top: 1px solid var(--box-border-color);
  flex-direction: column;
  flex-shrink: 0;
  margin-top: auto;
  z-index: 1;

  display: flex;
  background-color: var(--box-alt-background-color);
  padding: var(--spacing);
}

Fix commit message box sizing
Fix commit message box sizing

The commit message area would shrink down too much if the changes list
is too large.

https://codepen.io/noahblon/post/practical-guide-to-flexbox-dont-forget-
about-flex-shrink
