/* Make the note text/attachment area fill the row */
.entity-notes .notes .row {
  display: flex;            /* ensure flex for columns */
  gap: 8px;
}

.entity-notes .notes .row > .col-md-3.metadata {
  flex: 0 0 120px;          /* narrower metadata column */
  max-width: 120px;
}

.entity-notes .notes .row > .col-md-9.content {
  flex: 1 1 auto;           /* let content grow */
  max-width: 100%;
}

/* Optional: if you want to hide the metadata entirely: */
/*
.entity-notes .notes .row > .col-md-3.metadata { display: none; }
.entity-notes .notes .row > .col-md-9.content { flex: 1 1 100%; max-width: 100%; }
*/

/* Keep the attachment “pill” from wrapping too aggressively */
.entity-notes .attachment.alert {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  max-width: 100%;
}