UX: Add styling for quoted tweets (#7832)

UX: Add styling for quoted tweets (#7832)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index a47569f..922fb9b 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -423,13 +423,39 @@ aside.onebox.twitterstatus .onebox-body {
   }
   p,
   .tweet {
-    white-space: pre-wrap;
+    white-space: pre-line;
     padding-top: 3px;
     margin-left: 70px;
+
+    .quoted-link {
+      display: inline;
+      text-decoration: none;
+      color: inherit;
+
+      .quoted {
+        border: 1px solid $primary-low;
+        padding: 1px 25px 1px 12px;
+        white-space: normal;
+
+        .quoted-title {
+          font-weight: bold;
+          margin: 5px 2px;
+
+          span {
+            font-weight: lighter;
+            color: $primary-medium;
+          }
+        }
+
+        div {
+          margin-bottom: 5px;
+        }
+      }
+    }
   }
   .date {
     clear: left;
-    padding-top: 10px;
+    padding-top: 5px;
   }
 }

GitHub sha: f3c9dbcf