Ticket #7725: 7725.patch

src/bp-templates/bp-nouveau/common-styles/_bp_widgets.scss

@@ -68 +68 @@
                         margin-bottom: 0.5em;
                 }
         }
+
+        .avatar-block {
+
+                @include flex-box-dir($flex-dir: row, $flex-wrap: wrap);
+
+                img {
+                        margin-bottom: 1em;
+                        margin-right: 1em;
+                }
+        }
 }
 
+
 // Are we in a main site sidebar?
 // while hard to tell width asume that
 // at large width it's narrow &

src/bp-templates/bp-nouveau/css/buddypress-rtl.css

@@ -4504 +4504 @@
         margin-bottom: 0.5em;
 }
 
+.buddypress.widget .avatar-block {
+        display: -webkit-flex;
+        display: -moz-flex;
+        display: -ms-flex;
+        display: -o-flex;
+        display: flex;
+        -webkit-flex-flow: row wrap;
+        -moz-flex-flow: row wrap;
+        -ms-flex-flow: row wrap;
+        -o-flex-flow: row wrap;
+        flex-flow: row wrap;
+}
+
+.buddypress.widget .avatar-block img {
+        margin-bottom: 1em;
+        margin-left: 1em;
+}
+
 .widget-area .buddypress.widget ul.item-list li {
         -webkit-flex: 0 1 46%;
         -moz-flex: 0 1 46%;

src/bp-templates/bp-nouveau/css/buddypress.css

@@ -4504 +4504 @@
         margin-bottom: 0.5em;
 }
 
+.buddypress.widget .avatar-block {
+        display: -webkit-flex;
+        display: -moz-flex;
+        display: -ms-flex;
+        display: -o-flex;
+        display: flex;
+        -webkit-flex-flow: row wrap;
+        -moz-flex-flow: row wrap;
+        -ms-flex-flow: row wrap;
+        -o-flex-flow: row wrap;
+        flex-flow: row wrap;
+}
+
+.buddypress.widget .avatar-block img {
+        margin-bottom: 1em;
+        margin-right: 1em;
+}
+
 .widget-area .buddypress.widget ul.item-list li {
         -webkit-flex: 0 1 46%;
         -moz-flex: 0 1 46%;