.two-line-view {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.two-line-view .first-line {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  padding: 2px;
}

.two-line-view .first-line .primarylink-text {
  max-width: 100%;
  display: inline-block;
  font-weight: bold;
  vertical-align: middle;
}

.two-line-view .first-line .primary-text {
  max-width: 100%;
  vertical-align: bottom;
  display: inline-block;
  font-weight: 600;
}

.two-line-view .second-line {
  width: 100%;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
  font-size: 12px;
  padding: 2px;
}

.two-line-view .second-line .secondarylink-text {
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
}

.two-line-view .second-line .secondary-text {
  max-width: 100%;
  display: inline-block;
}