UX: improve appearance of attributed quote when sharing (#665)

Author: awesomerobot

public/ai-share/share.css

@@ -417,13 +417,30 @@ li, p {
   height: auto;
 }
 
+aside .title,
 blockquote {
   background-color: var(--primary-50);
   border-left: 6px solid var(--primary-200);
   padding: 0.5em 1em;
   margin: 1em 0;
 }
 
+aside .title + blockquote {
+  margin-top: 0;
+}
+
+aside .title  {
+  margin: 0;
+  display: flex;
+  align-items: center;
+}
+
+aside .title .avatar {
+  border-radius: 100%;
+  margin-right: 0.5em;
+}
+
+
 .lightbox-wrapper .meta svg, .lightbox-wrapper .meta .informations {
   display: none;
 }