html {
  height: 100%
}
body {
  min-height: 100%;
  display: flex;
  flex-flow: column;
}
.flexrow {
  display: flex;
  flex-flow: row;
}
.flexrow > * {
  flex: 1;
}
.bar {
  flex: none;
  height: 48px;
}
.bar input {
  font-size: 40px;
}
.small-bar {
  flex: none;
  height: 24px;
}
.region {
  flex: 1 1 100px;
  overflow-y: scroll;
}
.slack-message {
  display: flex;
  flex-flow: column;
  border: 1px solid gray;
  margin: 4px;
  padding: 4px;
}
.dingroll-message {
  display: flex;
  flex-flow: column;
  border: 1px solid gray;
  margin: 2px 0;
}
.new-dingroll-message {
  display: flex;
  flex-flow: row;
  border: 1px solid gray;
  margin: 2px 0;
}
.tag-line {
  display: flex;
  flex-flow: row;
}
html {
  height: 100%
}
body {
  min-height: 100%;
  display: flex;
  flex-flow: column;
}
.flexrow {
  display: flex;
  flex-flow: row;
}
.flexrow > * {
  flex: 1;
}
.bar {
  flex: none;
  height: 48px;
}
.bar input {
  font-size: 40px;
}
.small-bar {
  flex: none;
  height: 24px;
}
.region {
  flex: 1 1 100px;
  margin: 0;
  overflow-y: scroll;
}
.slack-message {
  display: flex;
  flex-flow: column;
  border: 1px solid gray;
  margin: 4px;
  padding: 4px;
}
.dingroll-message {
  display: flex;
  flex-flow: column;
  border: 1px solid gray;
  margin: 2px 0;
}
.new-dingroll-message {
  display: flex;
  flex-flow: row;
  border: 1px solid gray;
  margin: 2px 0;
}
.tag-line {
  display: flex;
  flex-flow: row;
}
Remove margin on regions (ie. day list)
Remove margin on regions (ie. day list)
