html кнопка навигационной панели не заполняет все пространство

Question

У меня есть веб-страница jsfiddle html, на которой есть панель навигации с двумя кнопками. Кнопка слева хороша, но кнопка справа имеет проблему, она не заполняет все пространство и имеет пустое поле внизу. Я знаю, что это очень просто и, вероятно, имеет одно исправление css. Я попытался установить mx-auto и my-auto, чтобы установить для полей x и y значение auto, попытался добавить display: block;, но все равно не повезло. пожалуйста, ищите помощь.

https://jsfiddle.net/martinradio/u03f1zyo/1/

Answer 1

Fiddle

Проблема - это ваш 2rem на первом элементе. Как только вы удалите его, он автоматически настроится на оба. В противном случае установите одинаковое значение для обоих. Не изменяйте одно, чтобы сделать другое правильным. Он не будет отображаться во всех браузерах и устройствах с разным размером экрана.

#newUploadIcon{
  color:rgb(14, 80, 36);
  display: block;
  margin:auto; 
 
  margin-right:10px;
  cursor: pointer;
}

Answer 2

Это значок в левой кнопке, который увеличивает высоту контейнера. Исправление - уменьшить font-size значка до 1.4rem.