28437621

.configurable-list-field-wrapper {
  flex-direction: column-reverse;
}

.configurable-list-field-label {
  word-break: break-word;
  font-size: 0.786em;
  font-weight: normal;
  color: #1a1a1a;
  margin-top: 3px;
}

input[type=number],
input[type=text] {
  padding: 4px 3px;
  font-size: 14px;
}

.configurable-list-field-row {
  position: relative;
  gap: 0.4em;
}

.configurable-list-field-row-wrapper {
  margin: 0 auto;
  max-width: 90%; /* better fit on smaller screens */
}

.col1,
.col2 {
  flex: 1 1 auto;
  max-width: 150px;
}

.col1 input,
.col2 input {
  width: 100%;
}

.col3 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  flex: none !important;
  max-width: 30px;
}

#listContainer div.configurable-list-field-row-wrapper:not(:first-child) span.configurable-list-field-label {
  display: unset !important;
}

button.add {
  display: block;
  margin: 1em auto;
}

.configurable-list-field-label.hidden-label {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .configurable-list-field-row-wrapper {
    max-width: 55%;
  }
  .col1,
  .col2 {
    max-width: 100%;
  }
}