Issue Summary

Livesearch Macro search icon not displayed/aligned correctly when size is 'large'

Steps to Reproduce

1. Install Confluence 7.12
2. Create a new page and insert 'Livesearch Macro'
3. Edit the macro properties - Size to 'large' and save the page
4. The macro search icon is not displayed correctly

Expected Results

Livesearch Macro search icon not displayed/aligned correctly when size is large as shown in the attachment.

Actual Results

The search icon should be clearly displayed.

Workaround 1

Change the size to 'medium', the icon is displayed correctly.

Workaround 2

1. Navigate to Confluence Administration » General Configuration » Custom HTML
   • In the "At end of the HEAD", add the following CSS overrides:

     <!-- Workaround for LiveSearch Large - see bug https://jira.atlassian.com/browse/CONFSERVER-65146 -->
     <style>
     .search-macro-large .search-macro-query input {
      padding:2px 12px 2px 30px !important;
      height:40px !important;
      font-size:20px !important;
      font-weight:normal;
      line-height:1.5 !important;
      position:relative
     }
     
     .search-macro .search-macro-query input {
      max-width:none !important
     }
     
     .search-macro-large .search-macro-query .aui-icon {
      position:absolute;
      top:20px !important;
      left:9px;
      color:#707070
     }
     </style>
     

2. Save and reload the Confluence page that contains the "large" live search
3. It should now appear closer to how it looked in previous versions of Confluence
   Please note that the "Preview" screen of the "Large" livesearch properties screen is still incorrect but the published viewable page should present itself nicer now