Commit 18f96e26 authored by Annabel Dunstone Gray's avatar Annabel Dunstone Gray

Merge branch 'fix-search-input-padding' into 'master'

Give search-input correct padding-right value

## What does this MR do?
This fixes how `padding-right: 20px` was being applied to the style rule of `.search-input`, preventing text in that form from clipping through `.search-icon`

## Are there points in the code the reviewer needs to double check?
If there are any cases where `.search .search-input` is used in a search form where there is no right-side icon (I could not find such occurrence myself).

## Why was this MR needed?
Some text in long search queries were being hidden by the close icon being used in the search form. This makes it a bit more presentable. ;)

## Screenshots (if relevant)
__Before__
![before](/uploads/2757a6264a1d2053af7212f72df7c3f9/before.png)

__After__
![after](/uploads/322fbfa08594f0f33d10a3226c82326d/after.png)

See merge request !7407
parents 889dcf60 a2e67b7d
...@@ -33,10 +33,9 @@ ...@@ -33,10 +33,9 @@
} }
.search-input { .search-input {
padding-right: 20px;
border: none; border: none;
font-size: 14px; font-size: 14px;
padding: 0; padding: 0 20px 0 0;
margin-left: 5px; margin-left: 5px;
line-height: 25px; line-height: 25px;
width: 98%; width: 98%;
......
---
title: Give search-input correct padding-right value
merge_request: 7407
author: Philip Karpiak
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment