div.issue.plan-date.starting,
div.issue.plan-date.ending{
  background-image:none  !important;  
}
div.issue.plan-date a.issue{
  background:url(../images/bullet_plandate.png) no-repeat !important;
  background-size:12px 12px !important;
}
div.issue.plan-date > span.icon{display:none!important;}

div.issue.client-deadline.starting,
div.issue.client-deadline.ending{
  background-image:none !important; 
}
div.issue.client-deadline a.issue{
  background:url(../images/flag_plandeadline.png) no-repeat !important;
  background-size:12px 12px !important;
}
div.issue.client-deadline > span.icon{display:none!important;}

/* иконки в легенде */
.plan-date.legend-icon{
  background:url(../images/bullet_plandate.png) no-repeat 0 3px;
  background-size:12px 12px;
  padding-left:18px;
}
.client-deadline.legend-icon{
  background:url(../images/flag_plandeadline.png) no-repeat 0 3px;
  background-size:12px 12px;
  padding-left:18px;
}

/* 1) Контейнер легенды: колоночная флекс-вёрстка */
p.legend.cal {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3em;        /* расстояние между строками */
  margin: 0.5em 0;   /* вертикальные отступы вокруг */
  padding: 0;        /* убираем всякие лишние поля */
}

/* 2) Общие стили для всех строк (штатных и наших) */
p.legend.cal > span,
p.legend.cal::before,
p.legend.cal::after {
  display: flex;
  align-items: center; /* иконка + текст — по центру по вертикали */
  font-size: 0.9em;
  padding-left: 18px;   /* резерв под иконку */
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 12px 12px;
  margin: 0;            /* сбрасываем избыточные отступы у спанов */
}

/* 3) Первая псевдозапись (стрелка — плановая дата) */
p.legend.cal::before {
  content: "плановая дата выполнения";
  background-image: url(../images/bullet_plandate.png);
}

/* 4) Штатные записи (листик/ромб) — они уже внутри <span>…</span>,
     поэтому здесь достаточно лишь сбросить их отступ, если нужно */

/* 5) Вторая псевдозапись (флажок — дедлайн) */
p.legend.cal::after {
  content: "дедлайн (от заказчика)";
  background-image: url(../images/flag_plandeadline.png);
}