Михаил

Если имеется ввиду, что в случаи если у input есть id, то надо писать

input {
  &#searche {
   //styles
  }
}

input inline-block элемент, а значит наследует и поведение inline элементов. У вас между input элементами имеются пробелы, они учитывают и выводится отступ на ширину пробела. Почему себя так ведет последний input, а не второй скажем когда их 3, я не совсем понимаю. Но если в верстке все input начинать с новой строки всё будет ок. У вас сейчас все в одну строчку написано.

1.) Ответ дан в другом вашем вопросе При наведении на ссылку картинка меняется с задержкой. Как исправить?
2.) Сделать блок сразу с формой, с помощью отрицательного left на нужную ширину спрятать форму так, что бы была видна только кнопка. По клику с помощью jquery, менять left. (Это один из вариантов самый простой, если нужно плавно, то воспользоваться методом animate)

Вручную можно вот так <a href="tel:+79001234567">+79001234567</a> при желании добавить условие оборачивать телефон в ссылку или нет в зависимости от браузера.

<?php while ($data = mysql_fetch_array($qr_result)):?>
<div>
  <h1><?=$data['title'];?></h1>
  <p><?=$data['text'];?></p>
</div>
<?php endwhile; ?>