From 62aa94323e6e8ebeff82b7c96d9bacefb75e69f6 Mon Sep 17 00:00:00 2001
From: Mateusz Konieczny <matkoniecz@gmail.com>
Date: Wed, 15 Feb 2023 08:25:06 +0100
Subject: [PATCH] buttons always have enabled/disabled state

fixes #1085
---
 app/src/frontend/building/data-containers/planning.tsx | 8 ++++----
 app/src/frontend/map/map-button.css                    | 4 ----
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/app/src/frontend/building/data-containers/planning.tsx b/app/src/frontend/building/data-containers/planning.tsx
index 387d902f..0fe4ea31 100644
--- a/app/src/frontend/building/data-containers/planning.tsx
+++ b/app/src/frontend/building/data-containers/planning.tsx
@@ -106,11 +106,11 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
                 <InfoBox type='info'>Click and colour buildings here if you think they may be subject to a future planning application involving demolition. To add your opinion on how well this building works, please also visit the <Link to={communityLinkUrl}>Community</Link> section.</InfoBox>
                 {
                 props.mapColourScale != "community_expected_planning_application_total" ?
-                    <button className={`map-switcher-inline no-applicable-state btn btn-outline btn-outline-dark ${darkLightTheme}`} onClick={switchToExpectedApplicationMapStyle}>
+                    <button className={`map-switcher-inline disabled-state btn btn-outline btn-outline-dark ${darkLightTheme}`} onClick={switchToExpectedApplicationMapStyle}>
                     {'Click here to view possible locations of future applications'}
                     </button>
                 :
-                    <button className={`map-switcher-inline no-applicable-state btn btn-outline btn-outline-dark ${darkLightTheme}`} onClick={switchToAllPlanningApplicationsMapStyle}>
+                    <button className={`map-switcher-inline enabled-state btn btn-outline btn-outline-dark ${darkLightTheme}`} onClick={switchToAllPlanningApplicationsMapStyle}>
                     {'Click to see planning applications'}
                     </button>
                 }
@@ -210,11 +210,11 @@ const PlanningView: React.FunctionComponent<CategoryViewProps> = (props) => {
             </div>
             {
                 props.mapColourScale != "planning_combined" ?
-                    <button className={`map-switcher-inline no-applicable-state btn btn-outline btn-outline-dark ${darkLightTheme}`} onClick={switchToBuildingProtectionMapStyle}>
+                    <button className={`map-switcher-inline disabled-state btn btn-outline btn-outline-dark ${darkLightTheme}`} onClick={switchToBuildingProtectionMapStyle}>
                     {'Click to see individual protected buildings mapped'}
                     </button>
                 :
-                    <button className={`map-switcher-inline no-applicable-state btn btn-outline btn-outline-dark ${darkLightTheme}`} onClick={switchToAllPlanningApplicationsMapStyle}>
+                    <button className={`map-switcher-inline enabled-state btn btn-outline btn-outline-dark ${darkLightTheme}`} onClick={switchToAllPlanningApplicationsMapStyle}>
                     {'Click to see planning applications'}
                     </button>
             }
diff --git a/app/src/frontend/map/map-button.css b/app/src/frontend/map/map-button.css
index 86fd8b96..636295b7 100644
--- a/app/src/frontend/map/map-button.css
+++ b/app/src/frontend/map/map-button.css
@@ -33,9 +33,6 @@
     background-image: none;
     border-color: #343a40;
 }
-.map-switcher-inline.night.no-applicable-state {
-    color: #191b1d;
-}
 .map-switcher-inline.disabled-state,
 .map-button.disabled-state,
 .map-button.disabled-state .btn{
@@ -63,7 +60,6 @@
     background-color: #448844;
 }
 
-.map-switcher-inline.night.no-applicable-state,
 .map-button.enabled .btn:hover,
 .map-button.night.enabled .btn:hover {
     background-color: transparent;