From d33b512b239cc47c5e48b520f73f1755c6caba70 Mon Sep 17 00:00:00 2001
From: Scott Weber <scott.weber@adhocteam.us>
Date: Fri, 15 Feb 2019 11:04:23 -0500
Subject: [PATCH] Add underline to transparent buttons (#322)

* Add underline to transparent buttons

* Remove underline from arrow to expand/collapse code examples

* Remove !important style linter didn't like it. Add util class.
---
 packages/core/src/components/Button/Button.scss      | 1 +
 packages/docs/src/scripts/components/CodeSnippet.jsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/components/Button/Button.scss b/packages/core/src/components/Button/Button.scss
index 0ffb9537bd..a12003d417 100644
--- a/packages/core/src/components/Button/Button.scss
+++ b/packages/core/src/components/Button/Button.scss
@@ -85,6 +85,7 @@ Style guide: components.button
 .ds-c-button--transparent,
 .ds-c-button--transparent-inverse {
   border-color: transparent;
+  text-decoration: underline;
 
   &:focus,
   &:hover,
diff --git a/packages/docs/src/scripts/components/CodeSnippet.jsx b/packages/docs/src/scripts/components/CodeSnippet.jsx
index 9a68b7db58..ae730cae99 100644
--- a/packages/docs/src/scripts/components/CodeSnippet.jsx
+++ b/packages/docs/src/scripts/components/CodeSnippet.jsx
@@ -4,7 +4,7 @@ import React from 'react';
 const CodeSnippet = function(props) {
   return (
     <details open={props.open}>
-      <summary className="ds-u-margin-y--1 ds-c-button ds-c-button--small ds-c-button--transparent ds-u-padding--1">
+      <summary className="ds-u-margin-y--1 ds-c-button ds-c-button--small ds-c-button--transparent ds-u-padding--1 ds-u-text-decoration--none">
         Code snippet
       </summary>
       <pre className="ds-u-margin-bottom--4 ds-u-overflow--auto">