38 lines
1.4 KiB
CSS
38 lines
1.4 KiB
CSS
/* style.css */
|
|
.warehouse-article-prices > div,
|
|
.warehouse-article-distributor > div {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, minmax(150px, 1fr)) 120px; /* Defines 4 columns */
|
|
gap: 12px; /* Use gap for spacing */
|
|
margin-bottom: 8px; /* Add small gap between rows */
|
|
}
|
|
|
|
.warehouse-article-prices .form-group,
|
|
.warehouse-article-distributor .form-group {
|
|
margin-bottom: 0; /* Keep inputs tight in grid cells */
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
.warehouse-article-prices > div,
|
|
.warehouse-article-distributor > div {
|
|
display: block; /* Stack items vertically */
|
|
border: 1px solid #eee; /* Lighter border */
|
|
padding: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.warehouse-article-prices > div > *,
|
|
.warehouse-article-distributor > div > * {
|
|
display: block; /* Ensure children are block */
|
|
margin-bottom: 10px !important; /* Add space between stacked items */
|
|
}
|
|
.warehouse-article-prices > div > div:last-child, /* Target button container */
|
|
.warehouse-article-distributor > div > div:last-child {
|
|
text-align: right; /* Keep buttons aligned right */
|
|
margin-bottom: 0 !important; /* Remove extra margin below buttons */
|
|
}
|
|
.warehouse-article-prices > div > div:last-child > *, /* Target buttons inside */
|
|
.warehouse-article-distributor > div > div:last-child > * {
|
|
margin-left: 5px; /* Add small space between buttons */
|
|
}
|
|
} |