导航栏上的图像，菜单标题和图标出现问题

Question

下面的代码有望显示我更多的挫败感，以使我的图像，菜单标题和图标适合导航栏中的同一行，但相距很远。而且由于它在全屏模式下表现出色，因此在进入移动小屏模式和其他手持设备屏幕时会变脏。

我在这里做错了什么？

这是全尺寸的导航栏，正是我喜欢的样子。

这是小的移动屏幕导航栏。

我希望图标与JSC图像内联。解决此问题的最佳方法是什么？

arr3