Improved responsive design for search results.

in mobile views.
This commit is contained in:
Cotes Chung 2020-05-04 00:56:56 +08:00
parent 2cc399d015
commit 8c4b186c52

View file

@ -396,6 +396,7 @@ $sidebar-display: "sidebar-display";
} }
} }
>div { >div {
max-width: 100%;
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@ -1075,10 +1076,6 @@ table {
} }
} }
#search-results>div {
max-width: 100% !important;
}
#search-input { #search-input {
margin-left: 0; margin-left: 0;
width: 95%; width: 95%;
@ -1192,6 +1189,10 @@ table {
width: calc(100% - 210px); width: calc(100% - 210px);
} }
#search-results>div {
max-width: 700px;
}
#site-title { #site-title {
font-size: 1.3rem; font-size: 1.3rem;
margin-left: 0!important; margin-left: 0!important;
@ -1231,10 +1232,6 @@ table {
-ms-flex-pack: center!important; -ms-flex-pack: center!important;
justify-content: center!important; justify-content: center!important;
} }
#search-results>div {
max-width: 700px;
}
} }