diff --git a/app/soapbox/features/ui/components/bundle_column_error.js b/app/soapbox/features/ui/components/bundle_column_error.js index d81bfb512..5a36ad6f1 100644 --- a/app/soapbox/features/ui/components/bundle_column_error.js +++ b/app/soapbox/features/ui/components/bundle_column_error.js @@ -30,7 +30,7 @@ class BundleColumnError extends React.PureComponent {
- + {formatMessage(messages.body)}
diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss index bc9c87eea..7ff80bd2f 100644 --- a/app/styles/components/columns.scss +++ b/app/styles/components/columns.scss @@ -343,7 +343,7 @@ .columns-area--mobile .column { @include standard-panel; - @media screen and (max-width: 450px) { + @media screen and (max-width: 580px) { border-radius: 0; } } @@ -736,6 +736,17 @@ .error-column { flex-direction: column; + border-radius: 0 0 10px 10px; + + .svg-icon { + width: 70px; + height: 70px; + margin-bottom: 30px; + } + + @media screen and (max-width: 580px) { + border-radius: 0; + } } .column-link--transparent .icon-with-badge__badge {