Дополнительное пространство между строчными элементами

Question

У меня есть этот HTML:

<div class="form-group"><!-- 
    --><div class="input-group" id="fileGroup"> 
    <input type="text" class="form-control" readonly placeholder="<?php echo SF ?> *" id="selectedPiture" required data-validation-required-message="<?php echo FOTO ?>"> 
    <p class="help-block text-danger"></p> 
    <span id="filePicture" class="input-group-btn"> 
     <button id="foto" class="btn btn-default" onclick="$('#fileToUpload').click();" type="button">&#xf1c5</button> 
     <script> 
     ... 
     </script> 
</span> 
</div> 

И в результате я получаю дополнительное пространство ниже ввода текста. Вы можете видеть границу на изображении. Я уже пробовал решения, предложенные в подобных вопросах. Но ничего не работает. Любой наконечник, чтобы исправить это?

Answer 1

Исправлено. Проблема была в кнопке css, точнее, дополнении. Я просто отбросил эту инструкцию и увеличил размер шрифта удивительного шрифта.