Элементам выставлен display: inline-block, таким образом, они ведут себя как строчные элементы. А если между строчными элементами в коде есть пробелы - то пробелы и будут отображаться.
В процентах нет, но есть новые единицы, vh - высота видимой части страницы и vw - ширина видимой части. То есть фактически Вы можете использовать их. codepen.io/iiil/pen/htfLv
Попробуйте поменять размеры, думаю, это то, что Вам надо.
В первом случае вы подстраиваете свой сайт под авторизацию в соц сетях и не нужно хранить свою баззу данных с пользователями.
Во втором, авторизацию выполняет ваш сайт/движок а соц сети дают только данные пользователя для регистрации (ФИО, пол, аватарку..)
