diff --git a/client/public/images/icons/square-check-regular.svg b/client/public/images/icons/square-check-regular.svg
new file mode 100644
index 00000000..4ce0ff82
--- /dev/null
+++ b/client/public/images/icons/square-check-regular.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/client/public/images/icons/square-check-solid.svg b/client/public/images/icons/square-check-solid.svg
new file mode 100644
index 00000000..2bd2823a
--- /dev/null
+++ b/client/public/images/icons/square-check-solid.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/client/public/images/icons/square-regular.svg b/client/public/images/icons/square-regular.svg
new file mode 100644
index 00000000..f66b39f7
--- /dev/null
+++ b/client/public/images/icons/square-regular.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/client/public/stylesheets/olympus.css b/client/public/stylesheets/olympus.css
index 49c95441..213e2945 100644
--- a/client/public/stylesheets/olympus.css
+++ b/client/public/stylesheets/olympus.css
@@ -353,12 +353,22 @@ nav.ol-panel> :last-child {
}
.ol-panel .ol-group-button-toggle button {
- align-items: center;
- background-image: url("/themes/olympus/images/check_square.svg");
background-position: 5px 50%;
background-repeat: no-repeat;
border: 0;
- text-indent: 15px;
+ display:flex;
+ justify-items: left;
+ text-indent: 5px;
+}
+
+.ol-panel .ol-group-button-toggle button::before {
+ background-image: url("/images/icons/square-check-solid.svg");
+ background-repeat: no-repeat;
+ content: "";
+ filter: invert(100%);
+ -webkit-filter: invert(100%);
+ height:16px;
+ width:16px;
}
@@ -618,10 +628,10 @@ body[data-hide-naval] #unit-visibility-control-naval {
}
-[data-hide-blue] #coalition-visibility-control #coalition-visibility-control-blue,
-[data-hide-red] #coalition-visibility-control #coalition-visibility-control-red,
-[data-hide-neutral] #coalition-visibility-control #coalition-visibility-control-neutral {
- background-image: none;
+[data-hide-blue] #coalition-visibility-control #coalition-visibility-control-blue::before,
+[data-hide-red] #coalition-visibility-control #coalition-visibility-control-red::before,
+[data-hide-neutral] #coalition-visibility-control #coalition-visibility-control-neutral::before {
+ background-image: url("/images/icons/square-regular.svg");
}
.toggle {