Update analisys view buttons style

Update analisys view buttons style Fix Fix button size
Vizzuality · Jun 22, 2023 · 8caa1d8 · 8caa1d8
1 parent ee90138
commit 8caa1d8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/client/CHANGELOG.md b/client/CHANGELOG.md
@@ -18,6 +18,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/).
 - Updated sidebar design. [LANDGRIF-1035](https://vizzuality.atlassian.net/browse/LANDGRIF-1035)
 - Separate 'T1 supplier' and 'producers' in different dropdowns [LANGRIF-1404](https://vizzuality.atlassian.net/browse/LANDGRIF-1404)
 - T1 supplier and producers are different dropdowns [LANDGRIF-1402](https://vizzuality.atlassian.net/browse/LANDGRIF-1402)
+- Updated analisys view-toggle buttons. [LANDGRIF-1041](https://vizzuality.atlassian.net/browse/LANDGRIF-1041)
 - Hide the manage data table search bar and years filter.[LANDGRIF-1310](https://vizzuality.atlassian.net/browse/LANDGRIF-1310)
 - Add unit for the volumes in the procurement data table view.[LANDGRIF-1315](https://vizzuality.atlassian.net/browse/LANDGRIF-1315)
 - Showing correct value for contextual layer type range in the pop-up. [LANDGRIF-1317](https://vizzuality.atlassian.net/browse/LANDGRIF-1317)

diff --git a/client/src/components/button-group/link-group-item/component.tsx b/client/src/components/button-group/link-group-item/component.tsx
@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import type { ComponentProps, HTMLAttributes } from 'react';
 
 const CONTROL_ITEM_CLASS_NAMES =
-  'relative inline-flex px-2.5 py-2.5 justify-center items-center border-l border-gray-200 leading-5 ring-4 ring-inset ring-white hover:cursor-pointer hover:bg-navy-400/20 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-navy-400/20 max-h-[40px]';
+  'relative ring-4 h-10 ring-inset ring-white inline-flex px-2.5 justify-center items-center border-l border-gray-200 leading-5 hover:cursor-pointer focus:outline-none focus:ring-2 focus:ring-offset-1 hover:bg-gray-100';
 const CONTROL_ITEM_DEFAULT_CLASS_NAMES = 'bg-white text-sm text-gray-500';
-const CONTROL_ITEM_ACTIVE_CLASS_NAMES = 'text-navy-400 bg-navy-400/20';
+const CONTROL_ITEM_ACTIVE_CLASS_NAMES = 'text-navy-400 bg-navy-400/10';
 
 type LinkGroupItemProps = HTMLAttributes<HTMLAnchorElement> & {
   href: ComponentProps<typeof Link>['href'];