diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index 91ff0d15..e54642f6 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -268,7 +268,7 @@ margin-left: 8px; max-width: 30em; - @media(max-width:950px) { + @media(max-width:900px) { max-width: calc(100% - 45px); // avatar size + padding } diff --git a/stylesheets/_index.scss b/stylesheets/_index.scss index e93bc401..ae3f1da7 100644 --- a/stylesheets/_index.scss +++ b/stylesheets/_index.scss @@ -70,7 +70,7 @@ height: 36px; line-height: 36px; } - @media(min-width:950px) { + @media(min-width:900px) { .avatar { width: 70px; height: 70px; diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index 9b108bdb..438f7ef9 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -428,7 +428,7 @@ img.emoji { width: 36px; height: 36px; line-height: 36px; } - @media (min-width: 950px) { + @media (min-width: 900px) { .conversation-header .avatar { width: 70px; height: 70px; @@ -764,7 +764,7 @@ input.search { word-wrap: break-word; margin-left: 8px; max-width: 30em; } - @media (max-width: 950px) { + @media (max-width: 900px) { .message-detail .bubble, .message-list .bubble { max-width: calc(100% - 45px); } }