BundleErrorColumn: fix icon and rounded corners

app/soapbox/features/ui/components/bundle_column_error.js

@@ -30,7 +30,7 @@ class BundleColumnError extends React.PureComponent {
       <Column>
         <ColumnHeader icon='exclamation-circle' type={formatMessage(messages.title)} />
         <div className='error-column'>
-          <IconButton title={formatMessage(messages.retry)} icon='refresh' onClick={this.handleRetry} size={64} />
+          <IconButton title={formatMessage(messages.retry)} src={require('@tabler/icons/icons/refresh.svg')} onClick={this.handleRetry} />
           {formatMessage(messages.body)}
         </div>
       </Column>

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 {