From fe32c64dd947515187fcfaa3cbf18a5ef5fb6245 Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Wed, 8 Feb 2017 17:08:40 -0800
Subject: [PATCH] FIX: twitter onebox styling was poor on mobile

---
 app/assets/stylesheets/common/base/onebox.scss | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index f457165b6c7..e2e9121279b 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -292,16 +292,19 @@ aside.onebox.twitterstatus .onebox-body {
     margin-bottom: 0;
   }
 }
+
+// thumbnail, oddly, ONLY applies to twitter avatar
 .onebox.twitterstatus {
   .thumbnail {
-    float: left;
+    width: 48px;
+    height: 48px;
   }
   p, .tweet {
     float: left;
     display: inline-block;
     white-space: pre-wrap;
     padding-top: 3px;
-    width: 85%;
+    width: 580px;
   }
   .date {
     clear: left;
@@ -309,6 +312,11 @@ aside.onebox.twitterstatus .onebox-body {
   }
 }
 
+// only use percentages on mobile
+.mobile-view .onebox.twitterstatus div.tweet {
+  width: 81%;
+}
+
 // Onebox - Imgur - Album
 .onebox.imgur-album {
   .outer-box {