fix(frontend): adjust padding of search box so placeholder text fits on mobile

this only fixes English. Other languages placeholders may or may not fit into the space

fixes #393
This commit is contained in:
sct
2020-12-19 12:57:17 +09:00
parent 53bede692d
commit 3601d442db
3 changed files with 3 additions and 3 deletions

View File

@@ -27,7 +27,7 @@ const SearchInput: React.FC = () => {
</div>
<input
id="search_field"
className="block w-full h-full pl-8 pr-3 py-2 rounded-md border-transparent focus:border-transparent bg-gray-600 text-white placeholder-gray-300 focus:outline-none focus:ring-0 focus:placeholder-gray-400 sm:text-base"
className="block w-full h-full pl-8 pr-1 py-2 rounded-md border-transparent focus:border-transparent bg-gray-600 text-white placeholder-gray-300 focus:outline-none focus:ring-0 focus:placeholder-gray-400 sm:text-base"
placeholder={intl.formatMessage(messages.searchPlaceholder)}
type="search"
value={searchValue}