Merge pull request #413 from dcos-labs/ph/fix/DCOS-59470-fix-tab-margin

DCOS-59470: fix(tabs): fix tab margin
d2iq · Oct 9, 2019 · a2874c4 · a2874c4
2 parents 80ec97e + 2ad470b
commit a2874c4
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 18 deletions.
diff --git a/packages/badge/style.ts b/packages/badge/style.ts
@@ -55,7 +55,7 @@ export const badge = appearance => {
     border-style: solid;
     padding: 0 8px 0;
     font-size: 80%;
-    line-height: inherit;
+    line-height: 20px;
     text-decoration: none;
     text-rendering: optimizeLegibility;
     border-radius: ${borderRadiusSmall};

diff --git a/packages/badge/tests/__snapshots__/badge.test.tsx.snap b/packages/badge/tests/__snapshots__/badge.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`Badge accept jsx as children 1`] = `
 <span
-  className="css-17jd12v"
+  className="css-iu2at0"
   data-cy="badge"
 >
   <span>
@@ -13,7 +13,7 @@ exports[`Badge accept jsx as children 1`] = `
 
 exports[`Badge danger 1`] = `
 <span
-  className="css-1g44s7u"
+  className="css-1v2vcel"
   data-cy="badge"
 >
   danger
@@ -22,7 +22,7 @@ exports[`Badge danger 1`] = `
 
 exports[`Badge default 1`] = `
 <span
-  className="css-17jd12v"
+  className="css-iu2at0"
   data-cy="badge"
 >
   default
@@ -31,7 +31,7 @@ exports[`Badge default 1`] = `
 
 exports[`Badge outline 1`] = `
 <span
-  className="css-bvpqwa"
+  className="css-wrizyw"
   data-cy="badge"
 >
   outline
@@ -40,7 +40,7 @@ exports[`Badge outline 1`] = `
 
 exports[`Badge primary 1`] = `
 <span
-  className="css-11hyrb9"
+  className="css-1bcogwf"
   data-cy="badge"
 >
   primary
@@ -49,7 +49,7 @@ exports[`Badge primary 1`] = `
 
 exports[`Badge success 1`] = `
 <span
-  className="css-y6ql0v"
+  className="css-1nxr7gm"
   data-cy="badge"
 >
   success
@@ -58,7 +58,7 @@ exports[`Badge success 1`] = `
 
 exports[`Badge warning 1`] = `
 <span
-  className="css-1fasnxp"
+  className="css-dsjkko"
   data-cy="badge"
 >
   warning

diff --git a/packages/badge/tests/__snapshots__/badgeButton.test.tsx.snap b/packages/badge/tests/__snapshots__/badgeButton.test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`BadgeButton accept jsx as children 1`] = `
 <span
-  className="css-19iuzmr"
+  className="css-s6zkqq"
   data-cy="badgeButton"
   onClick={[Function]}
   onKeyPress={[Function]}
@@ -17,7 +17,7 @@ exports[`BadgeButton accept jsx as children 1`] = `
 
 exports[`BadgeButton danger 1`] = `
 <span
-  className="css-1jlwe7l"
+  className="css-6mw7po"
   data-cy="badgeButton"
   onClick={[Function]}
   onKeyPress={[Function]}
@@ -30,7 +30,7 @@ exports[`BadgeButton danger 1`] = `
 
 exports[`BadgeButton default 1`] = `
 <span
-  className="css-19iuzmr"
+  className="css-s6zkqq"
   data-cy="badgeButton"
   onClick={[Function]}
   onKeyPress={[Function]}
@@ -43,7 +43,7 @@ exports[`BadgeButton default 1`] = `
 
 exports[`BadgeButton outline 1`] = `
 <span
-  className="css-nrwsml"
+  className="css-17724iu"
   data-cy="badgeButton"
   onClick={[Function]}
   onKeyPress={[Function]}
@@ -56,7 +56,7 @@ exports[`BadgeButton outline 1`] = `
 
 exports[`BadgeButton primary 1`] = `
 <span
-  className="css-5fnbh1"
+  className="css-hs8vpl"
   data-cy="badgeButton"
   onClick={[Function]}
   onKeyPress={[Function]}
@@ -69,7 +69,7 @@ exports[`BadgeButton primary 1`] = `
 
 exports[`BadgeButton success 1`] = `
 <span
-  className="css-l1zuud"
+  className="css-13uvf5y"
   data-cy="badgeButton"
   onClick={[Function]}
   onKeyPress={[Function]}
@@ -82,7 +82,7 @@ exports[`BadgeButton success 1`] = `
 
 exports[`BadgeButton warning 1`] = `
 <span
-  className="css-wldna8"
+  className="css-thsdwi"
   data-cy="badgeButton"
   onClick={[Function]}
   onKeyPress={[Function]}

diff --git a/packages/tabs/components/Tabs.tsx b/packages/tabs/components/Tabs.tsx
@@ -34,7 +34,7 @@ injectGlobal`
   position: relative;
   list-style: none;
   ${padding("vert", "s")}
-  ${margin("right", "s")}
+  ${margin("right", "m")}
   cursor: pointer;
   font-weight: ${fontWeightMedium};
   color: ${themeTextColorPrimary};

diff --git a/packages/textInput/tests/__snapshots__/TextInputWithBadges.test.tsx.snap b/packages/textInput/tests/__snapshots__/TextInputWithBadges.test.tsx.snap
@@ -185,7 +185,7 @@ exports[`TextInputWithBadges renders badges with custom BadgeAppearance 1`] = `
   border-style: solid;
   padding: 0 8px 0;
   font-size: 80%;
-  line-height: inherit;
+  line-height: 20px;
   -webkit-text-decoration: none;
   text-decoration: none;
   text-rendering: optimizeLegibility;
@@ -959,7 +959,7 @@ exports[`TextInputWithBadges renders with badges 1`] = `
   border-style: solid;
   padding: 0 8px 0;
   font-size: 80%;
-  line-height: inherit;
+  line-height: 20px;
   -webkit-text-decoration: none;
   text-decoration: none;
   text-rendering: optimizeLegibility;