From 52cc0d54850e0acf069d2f95d063826f16ff5238 Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Mon, 3 Feb 2020 14:04:42 +0100 Subject: Gracefully downsize search bar for mobile devices --- client/src/app/header/header.component.scss | 12 ------------ 1 file changed, 12 deletions(-) (limited to 'client/src/app/header/header.component.scss') diff --git a/client/src/app/header/header.component.scss b/client/src/app/header/header.component.scss index b602cf0a8..2f0a407fc 100644 --- a/client/src/app/header/header.component.scss +++ b/client/src/app/header/header.component.scss @@ -14,14 +14,6 @@ my-search-typeahead { &::placeholder { color: var(--inputPlaceholderColor); } - - @media screen and (max-width: 800px) { - width: calc(100% - 150px); - } - - @media screen and (max-width: 600px) { - width: calc(100% - 70px); - } } .icon.icon-search { @@ -45,10 +37,6 @@ my-search-typeahead { color: var(--mainBackgroundColor) !important; margin-right: 25px; - @media screen and (max-width: 800px) { - margin-right: 0; - } - @media screen and (max-width: 600px) { margin-right: 10px; padding: 0 10px; -- cgit v1.2.3