
form[name="create-rule"] {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
}

/* strange workaround */
form[name="create-rule"] .product-table .field-container-field {
    width: 100px;
}

.quiqqer-shipping-rule-create select,
.quiqqer-shipping-rule-edit select {
    padding: 0.5rem 0;
}

.quiqqer-shipping-rule-andText {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: 3px;
    white-space: nowrap;
    width: 10%;
}

.quiqqer-shipping-rule-andText span {
    float: left;
    padding: 0 0 0 0.5rem;
}
