Тигран Абрамян

Или.

document.querySelector(".button").addEventListener("click", function() {
	this.disabled = true;
})

Как вариант.

<ul class="submenu">
  <div class="submenu-items">
    <li><a href="#">Аудио</a></li>
    <li><a href="#">Видео</a></li>
  </div>
</ul>

.submenu-items {
  display: flex;
  flex-direction: row;
}

.submenu li{
  display: inline-block; // убираем
}

Ваша логика работает отлично, как я понял в этом случае неизвестен количество plseditme элементов. Поэтому нужно использовать рекурсию.

Только беда в том что перед каждым запуском рекурсий, то есть перед каждым циклом надо проверить существует ли эти элементы с id. Если нет то остановить цикл.

function SpaceReplacer() {
  document.getElementById('plseditme').innerHTML = document.getElementById('plseditme').innerHTML
    .replace(/_/gi, ' ')
    .replace(/.exe/gi, '')
    .replace(/.msi/gi, '')
    .replace(/.zip/gi, '')
    .replace(/.txt/gi, '');

  document.getElementById('plseditme').id = 'edited';

  if (document.getElementById('plseditme')) { // Тут проверяем существуют ли элементы
    SpaceReplacer(); // И потом уже вызываем функцию
  }
}

И еще ID должен быть уникальным так что желательно использовать Class.

Либо если известно количество элементов. То просто перебираем по циклу.

const plseditme = document.querySelectorAll('#plseditme');

plseditme.forEach(el => {
  el.innerHTML = el.innerHTML
    .replace(/_/gi, ' ')
    .replace(/.exe/gi, '')
    .replace(/.msi/gi, '')
    .replace(/.zip/gi, '')
    .replace(/.txt/gi, '');

  el.id = 'edited';
});

Если текст и точка в одном диве или в одном li то им задайте.

display: flex;
justify-content: center;
align-items: center;

Или же скорее всего у них отступы, уберите их с помощью.

margin: 0;
padding: 0;

Переписал ваш код, вы конструкцию не правильно собрали, вот и не получилось растянуть на всю ширину, стилизуйте.
https://jsfiddle.net/r9abd78p/

Всегда использую тег p но при определенных стилях.

p {
  font-size: 1.4em;
  font-weight: 600;
}

Эти стили конечно не для заголовок)

JSFiddle

li:nth-child(5) {
  margin: 0;
  padding: 0;
}

Засуньте их в div назначайте класс например icons и этому классу задайте

.icons {
  display: flex;
  align-items: center;
  flex-direction: row;
}

https://www.w3schools.com/

Либо так

.modal-map img {
  width: 100%;
}

Либо убираем imgи ставим через background-image

Веб-страница, написанная в HTML, содержащаяся на серверной стороне. Обрабатывается с помощью веб-сервера перед отправкой пользовательскому браузеру. Может ссылаться на другие файлы на сервере, например, "header.shtml" или "_footer.shtml".