From 008b36dc24942058034d545402c3e404fc62d76b Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 15 Apr 2018 06:04:48 +0300
Subject: gave text some shadow-outline to make it more readable on white
 backgrounds + fixed weird layout (WHY)

---
 .../user_card_content/user_card_content.vue           | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

(limited to 'src/components/user_card_content/user_card_content.vue')

diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index ca8428ca..a88c0712 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -112,17 +112,14 @@
 }
 
 .profile-panel-body {
-  top: -0em;
-  padding-top: 4em;
   word-wrap: break-word;
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--bg 80%);
-  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80%)
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), $fallback--bg 80px);
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), var(--bg, $fallback--bg) 80px)
 }
 
 .user-info {
   color: white;
   padding: 0 16px 16px 16px;
-  margin-bottom: -4em;
 
   .container {
     padding: 16px 10px 4px 10px;
@@ -154,7 +151,11 @@
     }
   }
 
-  text-shadow: 0px 1px 1.5px rgba(0, 0, 0, 1.0);
+  text-shadow: 0px 1px 1.5px rgba(0, 0, 0, 1.0),
+  1px 1px 0px rgba(0, 0, 0, .2),
+  -1px 1px 0px rgba(0, 0, 0, .2),
+  1px -1px 0px rgba(0, 0, 0, .2),
+  -1px -1px 0px rgba(0, 0, 0, .2);
 
   .usersettings {
     color: #fff;
@@ -240,6 +241,12 @@
   line-height:16px;
   padding: 1em 1.5em 0em 1em;
   text-align: center;
+
+  text-shadow: 0px 1px 1.5px rgba(0, 0, 0, 1.0),
+  1px 1px 0px rgba(0, 0, 0, .2),
+  -1px 1px 0px rgba(0, 0, 0, .2),
+  1px -1px 0px rgba(0, 0, 0, .2),
+  -1px -1px 0px rgba(0, 0, 0, .2);
 }
 
 .user-count {
-- 
cgit v1.2.3-70-g09d2

