fix: add margin to dividers, add brand center url

carbon-design-system · May 22, 2019 · 412b0f3 · 412b0f3
1 parent b084355
commit 412b0f3
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/packages/gatsby-theme-carbon/src/components/Switcher/Switcher.js b/packages/gatsby-theme-carbon/src/components/Switcher/Switcher.js
@@ -1,9 +1,8 @@
 import React, { useContext } from 'react';
-// import PropTypes from 'prop-types';
 import cx from 'classnames';
 import NavContext from '../../util/context/NavContext';
 import { useScrollDirection } from '../../util/hooks';
-import { nav, open, divider, link, linkDisabled } from './switcher.module.scss';
+import { nav, open, divider, link, linkDisabled } from './Switcher.module.scss';
 
 const Switcher = ({ children }) => {
   const { switcherIsOpen, toggleNavState } = useContext(NavContext);
@@ -47,7 +46,7 @@ const DefaultChildren = () => (
     <SwitcherLink href="https://ibm.com/design/language">
       IBM Design Language
     </SwitcherLink>
-    <SwitcherLink disabled>IBM Brand Center</SwitcherLink>
+    <SwitcherLink href="https://ibm.com/brand">IBM Brand Center</SwitcherLink>
     <SwitcherDivider>Design disciplines</SwitcherDivider>
     <SwitcherLink href="https://www.carbondesignsystem.com/">
       Product

diff --git a/.../components/Switcher/switcher.module.scss → .../components/Switcher/Switcher.module.scss b/.../components/Switcher/switcher.module.scss → .../components/Switcher/Switcher.module.scss
@@ -22,11 +22,9 @@
 }
 
 .divider {
-  margin-top: 32px;
-  margin-left: 1rem;
+  margin: 32px 1rem 0 1rem;
   color: $carbon--gray-70;
   padding-bottom: 4px;
-  width: 100%;
   border-bottom: 1px solid $carbon--gray-70;
   padding-bottom: 4px;
   margin-bottom: 8px;