automatically add waves effect to buttons

gui/pages/settings.htm

@@ -89,7 +89,6 @@
                                     title-for="settings_filters_update"
                                     data-enable="filters"
                                     data-icon="refresh"
-                                    class="btn waves-effect"
                                 ></button>
                                 <button
                                     href="settings/filters.htm"
@@ -97,7 +96,6 @@
                                     tab-width="1080"
                                     data-icon="pencil"
                                     title-for="settings_filters_open"
-                                    class="btn waves-effect"
                                 ></button>
                             </side>
                         </section>
@@ -184,7 +182,7 @@
                 href="help"
                 tab-height="607.5"
                 tab-width="1080"
-                class="btn-floating btn-large waves-effect"
+                class="btn-floating btn-large"
                 title-for="help"
                 data-icon="help"
             ></button>

gui/scripts/windowman.JS

@@ -78,6 +78,25 @@ class windowman {
 
 		/* Fill in data and events.  */
 		function appearance() {
+			// Add missing classes to all elements. 
+			function elements() {
+				// Add buttons elements. 
+				function buttons() {
+					document.querySelectorAll(`button`).forEach((button) => {
+						if (!button.classList.contains(`btn`)) {
+							button.classList.add(`btn`);
+						}
+						if (!button.classList.contains(`waves-effect`)) {
+							button.classList.add(`waves-effect`);
+						}
+					})
+
+					
+				}
+				buttons();
+			}
+
+
 			function icons() {
 				let target_elements = document.querySelectorAll(`[data-icon]`);
 
@@ -204,6 +223,7 @@ class windowman {
 				});
 			}
 
+			elements();
 			text();
 			icons();
 			storage();