ol {
  width: 500px;
  max-width: 85%;
  height: 245px;
  overflow-y: auto;
  padding-right:  2px;
  padding-top:    4px;
  margin: 10px 0 0 0;
  border-top:    1px solid rgb(167, 161, 140);
  border-bottom: 1px solid rgb(167, 161, 140);
}
ol::-webkit-scrollbar { width: 4px; height: 4px; }
ol::-webkit-scrollbar-thumb { background: #6c5b30; }
ol>li {
  border: 2px solid #6c5b30;
  margin: 0 10px 4px 0;
  padding: 0 4px;
  background: #fae6b4;
  box-shadow: 2px 2px #987f41;
}
.li {
  display: flex;
  justify-content: space-between;
/*  justify-content: flex-end;*/
}
.record {
  white-space: nowrap;
  overflow-x: hidden;
}
.date {
  white-space: nowrap;
  margin-left: 4px;
}
.remove {
  margin-left: 4px;
  margin-right: 4px;
  color: red;
  font-size: 22px;
  cursor: pointer;
}