diff --git a/ui/component/comment/view.jsx b/ui/component/comment/view.jsx index 006da4d75..3ef1ded24 100644 --- a/ui/component/comment/view.jsx +++ b/ui/component/comment/view.jsx @@ -197,7 +197,7 @@ function Comment(props: Props) { {!author ? ( {__('Anonymous')} ) : ( - + )} {!livestream && ( ); } else { return ( - ); diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss index 4d825ffb0..690fab7a1 100644 --- a/ui/scss/component/_main.scss +++ b/ui/scss/component/_main.scss @@ -111,17 +111,15 @@ width: 35rem; margin-left: var(--spacing-m); - @media (max-width: $breakpoint-small) { - margin-left: 0; - } - @media (max-width: $breakpoint-medium) { width: 100%; + margin-left: 0; margin-top: var(--spacing-l); } } @media (max-width: $breakpoint-medium) { + flex-direction: column; > :first-child { margin-right: 0; } diff --git a/ui/scss/init/_gui.scss b/ui/scss/init/_gui.scss index be1225020..7148f5268 100644 --- a/ui/scss/init/_gui.scss +++ b/ui/scss/init/_gui.scss @@ -366,9 +366,14 @@ textarea { } .notice-message { + position: relative; border-radius: var(--border-radius); padding: var(--spacing-l); background-color: var(--color-primary-alt); + + ~ .card { + margin-top: var(--spacing-m); + } } .notice-message--loud {