Merge pull request #7203 from akatsoulas/fix-aaq-widget

Fix AAQ widget rendering

Author: akatsoulas

kitsune/groups/jinja2/groups/profile.html

@@ -11,7 +11,7 @@
 
 {% block side %}
   {# Avatar card #}
-  <div class="card elevation-01">
+  <div class="card elevation-01 group-avatar-card">
     <div class="card--avatar-section">
       <img class="group-avatar" src="{{ group_avatar(profile) }}" alt="{{ profile.group.name }}" />
     </div>

kitsune/sumo/static/sumo/scss/components/_groups.scss

@@ -3,10 +3,14 @@
 
 // Shared card styles for group profile and sidebar
 #group-profile .card,
-.sumo-l-two-col--sidebar .card {
+.sumo-l-two-col--sidebar .group-avatar-card,
+.sumo-l-two-col--sidebar .group-hierarchy-card,
+.sumo-l-two-col--sidebar .group-actions-card {
   @include c.card;
+  @include c.elevation-01;
   margin-bottom: p.$spacing-lg;
   padding: p.$spacing-lg;
+  background: white;
 
   &--avatar-section {
     text-align: center;
@@ -49,11 +53,6 @@
   }
 }
 
-.sumo-l-two-col--sidebar .card {
-  @include c.elevation-01;
-  background: white;
-}
-
 #group-profile .group-avatar,
 .sumo-l-two-col--sidebar .group-avatar {
   width: 96px;