Improve layout of the search page on mobile

This commit is contained in:
ormai 2023-09-10 14:48:44 +02:00
parent d07c006aed
commit 764b7f12e1
7 changed files with 18 additions and 16 deletions

View file

@ -519,8 +519,7 @@ article[data-vim-selected].category-social {
"pagination sidebar";
}
#results #sidebar *:first-child,
#results #urls *:first-child {
#results #sidebar *:first-child {
margin-top: 0;
}
@ -735,9 +734,9 @@ summary.title {
#links_on_top {
position: absolute;
.ltr-right(1.8rem);
.ltr-right(1rem);
.ltr-text-align-right();
top: 2.2rem;
top: 2.7rem;
padding: 0;
border: 0;
display: flex;
@ -917,7 +916,7 @@ summary.title {
}
#main_results div#results {
margin: 1rem auto 0 auto;
margin: 0 auto;
justify-content: center;
display: grid;
grid-template-columns: @results-width;
@ -1014,12 +1013,11 @@ summary.title {
#main_results div#results {
grid-template-columns: 100%;
margin: 1rem 0 0 0;
}
#links_on_top {
top: 0.8rem;
.ltr-right(0.7rem);
top: 1.4rem;
.ltr-right(10px);
}
#main_index #links_on_top {
@ -1043,7 +1041,9 @@ summary.title {
.result {
background: var(--color-result-background);
margin: 1rem 0;
border: 1px solid var(--color-result-background);
margin: 1rem 10px;
.rounded-corners;
}
.result-images {