Fix display problem on mobile

Author: edokeh

app/assets/stylesheets/public.css.scss

@@ -65,9 +65,11 @@ header {
   right: 0;
   margin: 0 auto;
 
-  img {
+  .img-wrap {
     border: 2px solid $main-color;
+    border-radius: 50%;
     padding: 2px;
+    display: inline-block;
   }
 
   h1 {

app/views/layouts/_header.html.erb

@@ -1,6 +1,8 @@
 <header class="text-center">
   <% if Setting.website.avatar.present? %>
-  <img class="img-circle" src="<%= Setting.website.avatar %>?s=200&r=g">
+  <div class="img-wrap">
+    <img class="img-circle" src="<%= Setting.website.avatar %>">
+  </div>
   <% end %>
 
   <h1><%= Setting.website.title %></h1>