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

Merge branch 'fix-search-input-padding' into 'master'
18f96e26 · Annabel Dunstone Gray · 889dcf60 · a2e67b7d · 18f96e26 · 18f96e26
Commit 18f96e26 authored Nov 14, 2016 by Annabel Dunstone Gray
Hide whitespace changes
Inline Side-by-side

Showing with 5 additions and 2 deletions

search.scss app/assets/stylesheets/pages/search.scss +1 -2

fix-search-input-padding.yml changelogs/unreleased/fix-search-input-padding.yml +4 -0

No files found.
--- a/app/assets/stylesheets/pages/search.scss
+++ b/app/assets/stylesheets/pages/search.scss
@@ -33,10 +33,9 @@
  }

  .search-input {
-    padding-right: 20px;
    border: none;
    font-size: 14px;
-    padding: 0;
+    padding: 0 20px 0 0;
    margin-left: 5px;
    line-height: 25px;
    width: 98%;

--- a/changelogs/unreleased/fix-search-input-padding.yml
+++ b/changelogs/unreleased/fix-search-input-padding.yml
+---
+title: Give search-input correct padding-right value
+merge_request: 7407
+author: Philip Karpiak