Center and limit the size of non-square thumbnails in quotes

8 years ago · d8d803d36d
parent 3bbbf65a6b
commit d8d803d36d
2 changed files with 11 additions and 0 deletions
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@ -576,6 +576,12 @@ span.status {
        .inner {
          position: relative;

+          height: 48px;
+          text-align: center;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
          img {
            max-width: 100%;
            max-height: 100%;
--- a/stylesheets/_ios.scss
+++ b/stylesheets/_ios.scss
@ -175,6 +175,11 @@ $ios-border-color: rgba(0,0,0,0.1);

        .inner {
          padding: 12px;
+          height: 61px;
+          text-align: center;
+          display: flex;
+          align-items: center;
+          justify-content: center;
        }
      }