From a1b7e48111653659a7b7e9457c542cd556d44b06 Mon Sep 17 00:00:00 2001
From: Ben Dansby <dansby@noredink.com>
Date: Tue, 5 Oct 2021 12:41:09 -0700
Subject: [PATCH] message x styles

---
 src/Nri/Ui/Message/V3.elm | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/Nri/Ui/Message/V3.elm b/src/Nri/Ui/Message/V3.elm
index df58473d..d2c152fe 100644
--- a/src/Nri/Ui/Message/V3.elm
+++ b/src/Nri/Ui/Message/V3.elm
@@ -162,7 +162,10 @@ view attributes_ =
                              borderRadius (px 8)
                            , padding (px 20)
                            , backgroundColor_
-                           , position relative
+                           , Css.Media.withMedia
+                                [ Css.Media.all [ Css.Media.maxWidth (px 1000) ] ]
+                                [ padding (px 15)
+                                ]
                            ]
                     )
                  ]
@@ -209,7 +212,10 @@ view attributes_ =
                     (baseStyles
                         ++ [ backgroundColor_
                            , padding (px 20)
-                           , position relative
+                           , Css.Media.withMedia
+                                [ Css.Media.all [ Css.Media.maxWidth (px 1000) ] ]
+                                [ padding (px 15)
+                                ]
                            ]
                     )
                  ]
@@ -833,12 +839,11 @@ largeDismissButton : msg -> Html msg
 largeDismissButton msg =
     Nri.Ui.styled div
         "dismiss-button-container"
-        [ padding (px 20)
+        [ padding2 zero (px 20)
+        , displayFlex
         , Css.Media.withMedia
             [ Css.Media.all [ Css.Media.maxWidth (px 1000) ] ]
-            [ position absolute
-            , right zero
-            , padding (px 10)
+            [ padding4 (px 10) zero (px 10) (px 15)
             ]
         ]
         []
@@ -855,12 +860,11 @@ bannerDismissButton : msg -> Html msg
 bannerDismissButton msg =
     Nri.Ui.styled div
         "dismiss-button-container"
-        [ padding (px 20)
+        [ padding2 zero (px 20)
+        , displayFlex
         , Css.Media.withMedia
             [ Css.Media.all [ Css.Media.maxWidth (px 1000) ] ]
-            [ position absolute
-            , right zero
-            , padding (px 10)
+            [ padding4 (px 10) zero (px 10) (px 15)
             ]
         ]
         []