Pierwsza rzecz: używasz tools:layout_editor_absoluteYitools:layout_editor_absoluteXUstawiasz wprost w jakim miejscu mają być elementy interfejsu, ale każdy telefon może mieć inną rozdzielczość, wielkość ekranu itd. Wtedy taki widok wyglądał by inaczej na różnych telefonach. Aby tego uniknąć powstał np. ConstraintLayout z którego w sumie już korzystasz. Brakuje Ci tylko prawidłowego ustawienia elementów.
Kliknij w edycji widoku na któryś z elementów, pokażą Ci się 4 białe kropki na środku każdej krawędzi. Od takiej kropki możesz wyciągnąć strzałkę np. do boku ekranu lub do innego elementu i gdy wszystkie 4 strzałki gdzieś przyczepisz to będzie już lepiej wyglądać ?