Fix about/more

app/javascript/styles/custom.scss

@@ -54,6 +54,16 @@
   }
 }
 
+#whitelist-column {
+  grid-row: 4;
+}
+
+@media screen and (max-width: 415px) {
+  #whitelist-column {
+    grid-row: 5;
+  }
+}
+
 .drawer {
   @for $i from 0 through 3 {
     &.mbstobon-#{$i} > .contents {

app/views/about/_whitelist.html.haml

@@ -1,7 +1,7 @@
 - if DomainWhitelist.enabled?
-  .panel#whitelist
-    %h3.panel-header= t 'about.domain_whitelist'
-    .panel-list
+  .box-widget#whitelist
+    .rich-formatting
+      %h3= t 'about.domain_whitelist'
       %ul
         - @instance_presenter.whitelist.each do |site|
           .whitelist-site

app/views/about/more.html.haml

@@ -24,7 +24,7 @@
             %span= t 'about.status_count_after'
         .row__mascot
           .landing-page__mascot
-            = image_tag asset_pack_path('elephant_ui_plane.svg')
+            = image_tag asset_pack_path('awoospacefrontart-wolf.png')
 
   .column-2
     .landing-page__information.contact-widget
@@ -45,5 +45,5 @@
     .box-widget
       .rich-formatting= @instance_presenter.site_extended_description.html_safe.presence || t('about.extended_description_html')
 
-.container
-  = render 'whitelist'
+  .column-3#whitelist-column
+    = render 'whitelist'