если некоторые операции используются более одного раза, то их надо выносить в функцию, это как отче наш, если есть элементы, которые должны выполнять одну и туже функцию по одному событию, то можно каждому из этих элементов присвоить общий класс и вешать события на него, или же групповой селектор задавать (как в моем примере), если элементов не так много. Но события могут быть только равнозначимыми, их лучше не мешать. Конкретнее у вас click на button и .json можно объединить, а вот событие select правильнее вынести отдельно
убедитесь присутствует ли в подключении 600 стиль шрифта, возможно есть только 500 или 700 и каждый браузер берет тот, который считает нужным, проверьте, одинаково ли отображаются шрифты при font-weight: bold и font-weight: normal - вместо 600 и 400
align-left поможет, но все значения прижмутся к левой части блока, поэтому вам нужно и длину его контролировать, то бишь если просто взять мои стили и вместо justify поставить left, то да, все будет ок, если только выравнивание прописать, то делу не поможешь, все улезет в самый левый край экрана
