fix problem on toggled map/validate page sidebar and improve behaviour

hotosm · May 27, 2020 · 3e79359 · 3e79359
1 parent 9bd4af6
commit 3e79359
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/frontend/src/components/taskSelection/action.js b/frontend/src/components/taskSelection/action.js
@@ -265,11 +265,14 @@ export function TaskMapAction({ project, projectIsReady, tasks, activeTasks, act
             </ReactPlaceholder>
           </div>
         ) : (
-          <div className="w-3 cf tc mt3 ph1 pl2 pr1 pointer">
+          <div
+            className="w3 h-100 base-font fr cf tc mt3 ph1 pl2 pr1 pointer"
+            onClick={() => setShowSidebar(true)}
+          >
             <FormattedMessage {...messages.showSidebar}>
               {(msg) => (
                 <div className="db" title={msg}>
-                  <SidebarIcon onClick={() => setShowSidebar(true)} />
+                  <SidebarIcon />
                 </div>
               )}
             </FormattedMessage>