argos/argos/server/static/styles.css
Alexis Métaireau 9dc0ffc5ef
Styling: enhance the mobile view
- Add some spacing that was previously removed on all pages
- Include the JavaScript only if not on the login view
- Change the menu to not use buttons, and use rtl so the menu is viewable on small screens.
2024-08-27 11:47:31 +02:00

55 lines
1,013 B
CSS

@import url("pico.min.css");
code {
white-space: pre-wrap;
}
#title {
margin-bottom: 0;
}
h2 {
margin-bottom: calc(var(--pico-typography-spacing-vertical) * 0.5);
}
.grid-index {
font-size: 2rem;
}
.text-center,
.grid-index {
text-align: center;
}
.grid-index article {
margin-top: 0;
margin-bottom: 1rem;
padding-bottom: calc(var(--pico-block-spacing-vertical) * 2.4);
}
.grid-index article > header {
padding-top: calc(var(--pico-block-spacing-vertical) * 2.4);
padding-bottom: calc(var(--pico-block-spacing-vertical) * 2.4);
margin-bottom: calc(var(--pico-block-spacing-vertical) * 2.4);
}
label[for="select-status"] {
display: inline-block;
}
#select-status {
width: initial;
}
.inline-label {
display: inline-block;
}
.initial-width {
width: initial !important;
}
#refresh-form {
margin-bottom: 0;
}
#refresh-delay {
max-width: 120px;
}
/* Remove chevron on menu */
#nav-menu summary::after {
background-image: none !important;
}