From 46c3229dd6bec3872ad4400c169eea53311eed31 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 21 Apr 2020 15:19:42 -0300
Subject: [PATCH 1/2] fix(b-avatar): set `align-items: center` for default slot
 content (fixes: #5205)

---
 src/components/avatar/_avatar.scss | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/src/components/avatar/_avatar.scss b/src/components/avatar/_avatar.scss
index cadc5b7a1a9..981a5544f6c 100644
--- a/src/components/avatar/_avatar.scss
+++ b/src/components/avatar/_avatar.scss
@@ -46,16 +46,12 @@
     overflow: hidden;
     display: flex;
     justify-content: center;
+    align-items: center;
   }
 
   .b-avatar-text {
     text-transform: uppercase;
     white-space: nowrap;
-    align-items: center;
-  }
-
-  .b-avatar-custom {
-    vertical-align: middle;
   }
 
   > .b-icon {

From ce3013128a45362ce53e4f5ee39477724fdb7353 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 21 Apr 2020 16:12:02 -0300
Subject: [PATCH 2/2] Update README.md

---
 src/components/avatar/README.md | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/avatar/README.md b/src/components/avatar/README.md
index 87f545b7414..9bf37d04496 100644
--- a/src/components/avatar/README.md
+++ b/src/components/avatar/README.md
@@ -142,6 +142,19 @@ appearance, or if using custom icons or SVGs e.g.:
 <b-avatar><custom-icon></custom-icon></b-avatar>
 ```
 
+**Multi-line text example:**
+
+```html
+<template>
+  <div class="mb-2">
+    <b-avatar size="4em">Hello<br>World</b-avatar>
+    <b-avatar size="4em">你好<br>世界</b-avatar>
+  </div>
+</template>
+
+<!-- b-avatar-default-slot-multi-line.vue -->
+```
+
 **Notes:**
 
 - The default slot takes precedence over the `text`, `src` and `icon` props.