(page-width.js,theme-changer.js) Replaced icons with text buttons

2 files changed, 6 insertions, 8 deletions

diff --git a/src/scripts/page-width.js b/src/scripts/page-width.js
index 38add7c..6d700d0 100644
--- a/src/scripts/page-width.js
+++ b/src/scripts/page-width.js
@@ -2,7 +2,7 @@ const widthBtn = document.getElementById('changeWidthBtn');
 const articleElem = document.getElementsByTagName('article')[0];
 
 if (localStorage.getItem('width') === 'wide') {
-	widthBtn.src = '/img/viewport-narrow.svg';
+	widthBtn.innerHTML = 'Narrow<br>article';
 	articleElem.classList.add('noMaxWidth');
 }
 
@@ -10,11 +10,11 @@ widthBtn.onclick = function() {
 	articleElem.classList.toggle('noMaxWidth');
 
 	if (localStorage.getItem('width') !== 'norm') {
-		widthBtn.src = '/img/viewport-wide.svg';
+		widthBtn.innerHTML = 'Wide<br>article';
 		localStorage.setItem('width', 'norm');
 	}
 	else {
-		widthBtn.src = '/img/viewport-narrow.svg';
+		widthBtn.innerHTML = 'Narrow<br>article';
 		localStorage.setItem('width', 'wide');
 	}
 }
diff --git a/src/scripts/theme-changer.js b/src/scripts/theme-changer.js
index 39eedc9..94eb61f 100644
--- a/src/scripts/theme-changer.js
+++ b/src/scripts/theme-changer.js
@@ -1,19 +1,17 @@
 const themeBtn = document.getElementById('changeThemeBtn');
 
 if (darkThemeStyle.disabled)
-	themeBtn.src = '/img/moon.svg';
-
-themeBtn.style.display = 'initial';
+	themeBtn.innerHTML = 'Dark<br>theme';
 
 themeBtn.onclick = function() {
 	darkThemeStyle.disabled = !darkThemeStyle.disabled;
 
 	if (localStorage.getItem('theme') !== 'light') {
-		themeBtn.src = '/img/moon.svg';
+		themeBtn.innerHTML = 'Dark<br>theme';
 		localStorage.setItem('theme', 'light');
 	}
 	else {
-		themeBtn.src = '/img/sun.svg';
+		themeBtn.innerHTML = 'Light<br>theme';
 		localStorage.setItem('theme', 'dark');
 	}
 }