/* Basic styling for the page */
body {
font-family: Arial, sans-serif;
}
.p-list__header__title h1, .p-list__header__title h3 {
margin: 0;
padding: 0;
}
.p-list__header__breadcrumbs ol {
display: flex;
flex-wrap: wrap;
}
.p-list__header__breadcrumbs li {
margin-right: 10px;
}
.p-list__header__end a {
text-decoration: none;
color: #007bff;
}
/* Sidebar and main content */
.p-list__sidebar {
background-color: #f4f4f4;
padding: 15px;
}
.p-list__content {
padding: 20px;
}
.p-list__pagination {
margin-top: 20px;
text-align: center;
}
/* Media Queries for responsiveness */
@media (max-width: 1200px) {
.p-list__header__title h1 {
font-size: 1.5rem;
}
}
@media (max-width: 992px) {
.p-list__header__title h1 {
font-size: 1.2rem;
}
.p-list__header__breadcrumbs {
font-size: 14px;
}
/* Stack the sidebar on small screens */
.p-list__sidebar {
display: none;
}
/* Make the main content take full width */
.p-list__content {
width: 100%;
}
/* Modal buttons and forms should be responsive */
.modal-dialog {
max-width: 90%;
margin: 30px auto;
}
}
@media (max-width: 576px) {
.p-list__header__breadcrumbs {
font-size: 12px;
}
.p-list__header__title h1 {
font-size: 1rem;
}
/* Mobile-specific styling */
.p-list__header__title h3 {
font-size: 0.9rem;
}
.p-list__sidebar {
display: none; /* Hide sidebar */
}
}
