diff --git a/css/area_msg.less b/css/area_msg.less index d631e0c..8697293 100644 --- a/css/area_msg.less +++ b/css/area_msg.less @@ -19,13 +19,7 @@ div.success, div.error, div.info, div.notify { - @media @screen_max-md { - flex-direction: column; - } - - display: flex; - align-items: start; - gap: 0.5rem; + display: block; border: none; border-left: solid 0.5rem var(--color-shade-4); border-radius: 0.5rem; @@ -34,15 +28,16 @@ div.notify { background-color: var(--color-shade-1); &::before { + display: inline-block; content: ""; - flex-shrink: 0; - margin-top: 0.3em; + margin: 0.3em 0.2em 0 0; width: 1em; height: 1em; mask-size: contain; mask-position: center top; mask-repeat: no-repeat; background-color: currentColor; + vertical-align: top; } &.success {