From f3c9dbcf206e85a001201a695708e29aacdfc9c5 Mon Sep 17 00:00:00 2001
From: Julian Calvento <julian.calvento@10pines.com>
Date: Wed, 3 Jul 2019 11:34:46 -0300
Subject: [PATCH] UX: Add styling for quoted tweets (#7832)

---
 .../stylesheets/common/base/onebox.scss       | 30 +++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index a47569f708b..922fb9b7156 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;
   }
 }