Using on loaded scripts for chaning styles.

3 files changed, 30 insertions, 27 deletions

diff --git a/src/scripts/optimize/home-page.ts b/src/scripts/optimize/home-page.ts
deleted file mode 100644
index 6e41294..0000000
--- a/src/scripts/optimize/home-page.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { modifyDOM, DOMModifier } from "@/utils/modify-dom";
-
-const bannerImageUrl = chrome.runtime.getURL("assets/banner.jpg");
-
-modifyDOM([
-	new DOMModifier("#slider > img", {
-		src: bannerImageUrl,
-		styles: {
-			position: "initial",
-			width: "100vw"
-		}
-	}),
-	new DOMModifier("#slider", {
-		styles: {
-			overflow: "visible",
-			position: "initial"
-		}
-	}),
-	new DOMModifier("#form_MainMenuPage > div > div.logo-div.row.ng-scope > div.top_link_icon.col-sm-7.float-right", {
-		styles: {
-			width: "100%",
-			display: "flex",
-			justifyContent: "space-around",
-			paddingTop: "5px"
-		}
-	})
-]);
diff --git a/src/scripts/optimize/home-page/index.ts b/src/scripts/optimize/home-page/index.ts
new file mode 100644
index 0000000..762b4f8
--- /dev/null
+++ b/src/scripts/optimize/home-page/index.ts
@@ -0,0 +1,9 @@
+import { modifyDOM, DOMModifier } from "@/utils/modify-dom";
+
+const bannerImageUrl = chrome.runtime.getURL("assets/banner.jpg");
+
+modifyDOM([
+	new DOMModifier("#slider > img", {
+		src: bannerImageUrl
+	})
+]);
diff --git a/src/scripts/optimize/home-page/styles.ts b/src/scripts/optimize/home-page/styles.ts
new file mode 100644
index 0000000..91d273a
--- /dev/null
+++ b/src/scripts/optimize/home-page/styles.ts
@@ -0,0 +1,21 @@
+import { styles } from "@/utils/styling";
+
+styles("#form_MainMenuPage > div > div.logo-div.row.ng-scope > div.top_link_icon.col-sm-7.float-right", {
+	width: "100%",
+	display: "flex",
+	justifyContent: "space-around",
+	paddingTop: "5px"
+});
+styles("#form_MainMenuPage > div > div.logo-div.row.ng-scope > div.top_link_icon.col-sm-7.float-right > a > span > i", {
+	height: "40px",
+	width: "40px",
+	paddingTop: "10px"
+});
+styles("#slider", {
+	overflow: "visible",
+	position: "initial"
+});
+styles("#slider > img", {
+	width: "100vw",
+	position: "initial"
+});