diff --git a/template/css/style.css b/template/css/style.css index 0a0b346..1a6efe5 100644 --- a/template/css/style.css +++ b/template/css/style.css @@ -467,10 +467,15 @@ body { text-decoration: none; } -@media screen and (min-width: 400px) and (max-width: 800px) { - .search-bar { +@media screen and (max-width: 800px) { + .navbar .navbar-buttons { display: none; } + .navbar .search-bar { + width: 75px; + } +} +@media screen and (min-width: 400px) and (max-width: 800px) { .artwork-thumbnail-small { height: auto; } diff --git a/template/css/style.scss b/template/css/style.scss index 34769f8..d10a5cf 100644 --- a/template/css/style.scss +++ b/template/css/style.scss @@ -544,8 +544,14 @@ body { } @media screen and (max-width: 800px) { - .search-bar { - display: none; + .navbar { + .navbar-buttons { + display: none; + } + + .search-bar { + width: 75px; + } } } diff --git a/template/layout.jet.html b/template/layout.jet.html index a0e3da7..9275c1f 100644 --- a/template/layout.jet.html +++ b/template/layout.jet.html @@ -34,6 +34,9 @@ iconRanking iconNewest +
+ + iconSettings @@ -48,10 +51,7 @@ -