From 88f3a5afbd371e4a2d447d4cbb64f5e0991d0af4 Mon Sep 17 00:00:00 2001
From: DCoded <dicoded@email.com>
Date: Sat, 5 Jun 2021 10:13:36 -0400
Subject: [PATCH] Replaced semantic class names with utility classes

---
 css/facilities/arcade.css       |  8 --------
 src/facilities/arcade/arcade.js | 12 ++++++------
 2 files changed, 6 insertions(+), 14 deletions(-)
 delete mode 100644 css/facilities/arcade.css

diff --git a/css/facilities/arcade.css b/css/facilities/arcade.css
deleted file mode 100644
index 15a1b9ec21a..00000000000
--- a/css/facilities/arcade.css
+++ /dev/null
@@ -1,8 +0,0 @@
-.arcade-intro,
-.arcade-expand,
-.arcade-upgrades,
-.arcade-stats,
-.arcade-slaves,
-.arcade-rename {
-	margin-bottom: 1em;
-}
diff --git a/src/facilities/arcade/arcade.js b/src/facilities/arcade/arcade.js
index ea17b393734..3015f10402b 100644
--- a/src/facilities/arcade/arcade.js
+++ b/src/facilities/arcade/arcade.js
@@ -1,12 +1,12 @@
 App.Facilities.Arcade.arcade = function() {
 	const frag = new DocumentFragment();
 
-	const introDiv = App.UI.DOM.makeElement("div", null, ['arcade-intro']);
-	const expandDiv = App.UI.DOM.makeElement("div", null, ['arcade-expand']);
-	const upgradesDiv = App.UI.DOM.makeElement("div", null, ['arcade-upgrades']);
-	const statsDiv = App.UI.DOM.makeElement("div", null, ['arcade-stats']);
-	const slavesDiv = App.UI.DOM.makeElement("div", null, ['arcade-slaves']);
-	const renameDiv = App.UI.DOM.makeElement("div", null, ['arcade-rename']);
+	const introDiv = App.UI.DOM.makeElement("div", null, ['margin-bottom']);
+	const expandDiv = App.UI.DOM.makeElement("div", null, ['margin-bottom']);
+	const upgradesDiv = App.UI.DOM.makeElement("div", null, ['margin-bottom']);
+	const statsDiv = App.UI.DOM.makeElement("div", null, ['margin-bottom']);
+	const slavesDiv = App.UI.DOM.makeElement("div", null, ['margin-bottom']);
+	const renameDiv = App.UI.DOM.makeElement("div", null, ['margin-bottom']);
 
 	let arcadeNameCaps = capFirstChar(V.arcadeName);
 
-- 
GitLab