From 7f446c7b9ccc1a09d254f0d7d7dcb51d81ec274e Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Sun, 17 Jun 2018 12:09:55 -0600
Subject: [PATCH] Move the author information to below the pack name

---
 .../sticker-picker/sticker-picker.component.html    |  2 +-
 .../sticker-picker/sticker-picker.component.scss    | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
index 5c28dd3..38114e0 100644
--- a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
+++ b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.html
@@ -18,7 +18,7 @@
                 <span class="title">{{ pack.displayName }}</span>
                 <span class="license"><a [href]="pack.license.urlPath" target="_blank">{{ pack.license.name }}</a></span>
                 <span class="author" *ngIf="pack.author.type !== 'none'">
-                    <a [href]="pack.author.reference" target="_blank">{{ pack.author.name }}</a> |&nbsp;
+                    <a [href]="pack.author.reference" target="_blank">{{ pack.author.name }}</a>
                 </span>
             </div>
 
diff --git a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.scss b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.scss
index 0ec2fc0..f0c5072 100644
--- a/web/app/widget-wrappers/sticker-picker/sticker-picker.component.scss
+++ b/web/app/widget-wrappers/sticker-picker/sticker-picker.component.scss
@@ -39,7 +39,7 @@
         color: #222222;
       }
 
-      .author, .license {
+      .license {
         font-size: 0.6em;
         font-weight: 300;
         color: #b5b5b5;
@@ -50,6 +50,17 @@
           color: #b5b5b5;
         }
       }
+
+      .author {
+        font-size: 0.6em;
+        font-weight: 300;
+        color: #222222;
+        display: block;
+
+        a {
+          color: #222222;
+        }
+      }
     }
 
     .stickers {