diff --git a/components/01_Atoms/message/_message.scss b/components/01_Atoms/message/_message.scss index 499bee9..233bbbf 100644 --- a/components/01_Atoms/message/_message.scss +++ b/components/01_Atoms/message/_message.scss @@ -1,11 +1,14 @@ .LP-Message{ display: flex; flex-direction: row; - align-items: center; + justify-content: center; + align-items: stretch; background-color: $-almost-white; font-family: $-primary-sans-serif-font; border-radius: 3px; font-weight: bold; + box-shadow: 0 0 2px $-grey; + overflow: hidden; &--error{ .LP-Message__Icon{ @@ -47,12 +50,19 @@ background-size: 40px 40px; background-repeat: no-repeat; background-position: center; - height: 50px; + height: 100%; + min-height: 50px; width: 50px; filter: invert(1); + flex-shrink: 0; + flex-grow: 0; } .LP-Message__Text{ padding: 0 15px; + flex-grow: 1; + display: flex; + flex-direction: column; + justify-content: center; } } \ No newline at end of file diff --git a/components/01_Atoms/message/message.hbs b/components/01_Atoms/message/message.hbs index e01956e..74ebed7 100644 --- a/components/01_Atoms/message/message.hbs +++ b/components/01_Atoms/message/message.hbs @@ -1,5 +1,8 @@