Styling fixes

diff --git a/app/javascript/themes/glitch/styles/_mixins.scss b/app/javascript/themes/glitch/styles/_mixins.scss
index 79a8149fd04b79fa2c302a2ed245fe0c17f1de63..102723e39c8b8e4d36238eb06778eaef911afa70 100644 (file)
--- a/app/javascript/themes/glitch/styles/_mixins.scss
+++ b/app/javascript/themes/glitch/styles/_mixins.scss
@@ -46,6 +46,7 @@
     margin-left: -22px;
     margin-right: -22px;
     width: inherit;
+    max-width: none;
     height: 250px;
   }
 }

diff --git a/app/javascript/themes/glitch/styles/components.scss b/app/javascript/themes/glitch/styles/components.scss
index 3be8db4b4ba67d7ff454f117fea54cd80d25364d..ade8df018c75971e3171f3b6876bf03dfcedfd5e 100644 (file)
--- a/app/javascript/themes/glitch/styles/components.scss
+++ b/app/javascript/themes/glitch/styles/components.scss
@@ -1058,6 +1058,14 @@
     color: $ui-secondary-color;
   }
 
+  .account__avatar {
+    @include avatar-radius();
+    @include avatar-size(90px);
+    display: block;
+    margin: 0 auto 10px;
+    overflow: hidden;
+  }
+
   .account__header__display-name {
     color: $primary-text-color;
     display: inline-block;
@@ -1248,14 +1256,6 @@
   }
 }
 
-.account__header__avatar {
-  @include avatar-radius();
-  @include avatar-size(90px);
-  display: block;
-  margin: 0 auto 10px;
-  overflow: hidden;
-}
-
 .account-authorize {
   padding: 14px 10px;