Fixes #14799: Add vertical alignment of image in media component

Signed-off-by: Jenn Dodd <[email protected]>

1 files changed, 20 insertions, 15 deletions

diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
index 02a92e639..3c224382e 100644
--- a/dist/css/bootstrap.css
+++ b/dist/css/bootstrap.css
@@ -4886,29 +4886,34 @@ a.thumbnail.active {
   background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
   background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 }
-.media,
-.media-body {
-  overflow: hidden;
-  zoom: 1;
-}
-.media,
-.media .media {
+.media {
   margin-top: 15px;
 }
+.media .media-right,
+.media .pull-right {
+  padding-left: 10px;
+}
+.media .media-left,
+.media .pull-left {
+  padding-right: 10px;
+}
 .media:first-child {
   margin-top: 0;
 }
-.media-object {
-  display: block;
+.media .media-left,
+.media .media-right,
+.media .media-body {
+  display: table-cell;
+  vertical-align: top;
 }
-.media-heading {
-  margin: 0 0 5px;
+.media .media-middle {
+  vertical-align: middle;
 }
-.media > .pull-left {
-  margin-right: 10px;
+.media .media-bottom {
+  vertical-align: bottom;
 }
-.media > .pull-right {
-  margin-left: 10px;
+.media-heading {
+  margin: 0 0 5px 0;
 }
 .media-list {
   padding-left: 0;