Merge pull request #629 from NoRedInk/kraken/clickable-text-alignment

Fix bottom button alignment

src/Nri/Ui/ClickableText/V3.elm

@@ -17,6 +17,7 @@ module Nri.Ui.ClickableText.V3 exposing
   - uses ClickableAttributes
   - adds `css` helper
   - removes underline on hover and recolors to azureDark
+  - removes bottom border
 
 
 # Changes from V2
@@ -301,7 +302,6 @@ clickableTextStyles =
     , Css.textAlign Css.left
     , Css.borderStyle Css.none
     , Css.textDecoration Css.none
-    , Css.borderBottom3 (Css.px 1) Css.solid Css.transparent
     , Css.padding Css.zero
     , Css.display Css.inlineBlock
     , Css.verticalAlign Css.textBottom

styleguide-app/Examples/ClickableText.elm

@@ -16,7 +16,7 @@ import Html.Styled.Attributes exposing (css, id)
 import KeyboardSupport exposing (Direction(..), Key(..))
 import Nri.Ui.ClickableText.V3 as ClickableText
 import Nri.Ui.Svg.V1 as Svg exposing (Svg)
-import Nri.Ui.Text.V4 as Text
+import Nri.Ui.Text.V5 as Text
 import Nri.Ui.UiIcon.V1 as UiIcon
 
 
@@ -96,7 +96,7 @@ viewExamples (State control) =
     [ Control.view (State >> SetState) control
         |> fromUnstyled
     , buttons model
-    , Text.smallBody
+    , Text.smallBody []
         [ text "Sometimes, we'll want our clickable links: "
         , ClickableText.link model.label
             [ ClickableText.small