.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  border : double rgb(212, 208, 200) 3px;
  max-height: 200px;
  max-width: 400px;
  min-width: 400px;
  overflow: auto;
  background: white;
  font-family: Tahoma;
  font-size: 12px;
  padding: 0px;
}

.CodeMirror-hint {
  margin: 0px;
  padding: 0px;
  border: 0px solid transparent;
  list-style-type: none;
  cursor: pointer;
  white-space: nowrap;
}

.CodeMirror-hint-active {
  color: white!important;
  background-color: rgb(10,36,106) !important;
}
.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  border : double rgb(212, 208, 200) 3px;
  max-height: 200px;
  max-width: 400px;
  min-width: 400px;
  overflow: auto;
  background: white;
  font-family: Tahoma;
  font-size: 12px;
  padding: 0px;
}

.CodeMirror-hint {
  margin: 0px;
  padding: 0px;
  border: 0px solid transparent;
  list-style-type: none;
  cursor: pointer;
  white-space: nowrap;
  display: inline-block;
  clear: left;
  float: left;
}

.CodeMirror-hint-active {
  color: white!important;
  background-color: rgb(10,36,106) !important;
}
Make hint templates with longer text readable
Make hint templates with longer text readable

Longer template descriptions were not readable when selected, because the text,
when vertically scrolled, was white on white background. Change items to have
float left and use `inline-block` display to prevent that.
