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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -58,6 +58,7 @@
} }
#search_logo { #search_logo {
padding: 0.5rem 10px 0 10px;
grid-area: logo; grid-area: logo;
display: flex; display: flex;
align-items: center; align-items: center;
@ -90,6 +91,7 @@
} }
#search_view { #search_view {
padding: 0.5rem 2.8rem 0 0;
grid-area: search; grid-area: search;
} }
@ -254,7 +256,6 @@ html.no-js #clear_search.hide_if_nojs {
.search_box { .search_box {
width: 98%; width: 98%;
display: flex; display: flex;
margin: 0 auto;
} }
#q { #q {
@ -263,7 +264,8 @@ html.no-js #clear_search.hide_if_nojs {
} }
.search_filters { .search_filters {
margin: 0; margin: 0 10px;
padding: 0.5rem 0;
} }
.category { .category {

View File

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

View File

@ -1,5 +1,5 @@
export SEARXNG_URL='' export SEARXNG_URL=''
export SEARXNG_PORT='8888' export SEARXNG_PORT='8888'
export SEARXNG_BIND_ADDRESS='127.0.0.1' export SEARXNG_BIND_ADDRESS='127.0.0.1'
export GIT_URL='https://github.com/searxng/searxng' export GIT_URL='https://github.com/ormai/searxng'
export GIT_BRANCH='master' export GIT_BRANCH='master'