Commit 3730fb31 authored by Daniel J. Ramirez's avatar Daniel J. Ramirez

More responsive stuff

parent 294ebbb3
......@@ -66,6 +66,10 @@
.container > * {
margin: auto;
}
#preferences.container {
flex-direction: column;
margin-top: 16px;
}
}
@media screen and (max-width: 600px) {
body {
......@@ -85,6 +89,10 @@
margin-left: 16px;
margin-right: 16px;
}
.container.full #pagination {
max-width: 100%;
width: 100%;
}
}
html {
position: relative;
......@@ -382,6 +390,18 @@ footer {
max-width: 250px;
width: 80%;
}
@media screen and (max-width: 600px) {
#search_params {
overflow-x: scroll;
}
#search_params,
#categories {
flex-wrap: nowrap;
}
#time_and_lang {
display: flex;
}
}
#results {
margin-top: 32px;
margin-bottom: 32px;
......
This diff is collapsed.
......@@ -89,6 +89,10 @@
> * { margin: auto; }
}
#preferences.container {
flex-direction: column;
margin-top: @spacing_large;
}
});
.mobile-mq({
......@@ -110,4 +114,9 @@
margin-left: @spacing_container;
margin-right: @spacing_container;
}
.container.full #pagination {
max-width: 100%;
width: 100%;
}
});
......@@ -112,4 +112,16 @@
#main-logo > img {
max-width: 250px;
width: 80%;
}
\ No newline at end of file
}
.mobile-mq({
#search_params {
overflow-x: scroll;
}
#search_params, #categories {
flex-wrap: nowrap;
}
#time_and_lang {
display: flex;
}
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment