From 7d45dcfee592a2f8cf8b1d6fe8d4a3502c520ec7 Mon Sep 17 00:00:00 2001
From: negue <eugen.bolz@gmail.com>
Date: Wed, 6 Mar 2019 22:45:09 +0100
Subject: [PATCH] fix star/empty colors - fix quest layout - countBadge z-index

---
 website/client/assets/svg/difficulty-star-empty.svg  | 2 +-
 website/client/assets/svg/difficulty-star-half.svg   | 4 ++--
 website/client/assets/svg/difficulty-star.svg        | 2 +-
 website/client/components/shops/quests/index.vue     | 1 +
 website/client/components/shops/quests/questInfo.vue | 9 +++++++++
 website/client/components/ui/countBadge.vue          | 1 +
 6 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/website/client/assets/svg/difficulty-star-empty.svg b/website/client/assets/svg/difficulty-star-empty.svg
index d8178601e3..de2e1e71e0 100644
--- a/website/client/assets/svg/difficulty-star-empty.svg
+++ b/website/client/assets/svg/difficulty-star-empty.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-    <path fill="#E1E0E3" fill-rule="evenodd" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
+    <path class="star-empty" fill="#E1E0E3" fill-rule="evenodd" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
 </svg>
diff --git a/website/client/assets/svg/difficulty-star-half.svg b/website/client/assets/svg/difficulty-star-half.svg
index 8643d1a6fb..8a971eac36 100644
--- a/website/client/assets/svg/difficulty-star-half.svg
+++ b/website/client/assets/svg/difficulty-star-half.svg
@@ -1,6 +1,6 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
     <g fill="none" fill-rule="evenodd">
-        <path fill="#E1E0E3" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
-        <path fill="#FFB445" d="M8 0L5.333 5.333 0 8l5.333 2.667L8 16z"/>
+        <path class="star-empty" fill="#E1E0E3" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
+        <path class="star" fill="#FFB445" d="M8 0L5.333 5.333 0 8l5.333 2.667L8 16z"/>
     </g>
 </svg>
diff --git a/website/client/assets/svg/difficulty-star.svg b/website/client/assets/svg/difficulty-star.svg
index 9409886974..f2179b8783 100644
--- a/website/client/assets/svg/difficulty-star.svg
+++ b/website/client/assets/svg/difficulty-star.svg
@@ -1,3 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
-    <path fill="#FFB445" fill-rule="evenodd" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
+    <path class="star" fill="#FFB445" fill-rule="evenodd" d="M10.667 10.667L16 8l-5.333-2.667L8 0 5.333 5.333 0 8l5.333 2.667L8 16z"/>
 </svg>
diff --git a/website/client/components/shops/quests/index.vue b/website/client/components/shops/quests/index.vue
index 8409e26b1b..9564e986f7 100644
--- a/website/client/components/shops/quests/index.vue
+++ b/website/client/components/shops/quests/index.vue
@@ -244,6 +244,7 @@
     display: inline-block;
     width: 33%;
     margin-bottom: 24px;
+    vertical-align: top;
 
     .items {
       border-radius: 2px;
diff --git a/website/client/components/shops/quests/questInfo.vue b/website/client/components/shops/quests/questInfo.vue
index e68ea412e9..17ce068674 100644
--- a/website/client/components/shops/quests/questInfo.vue
+++ b/website/client/components/shops/quests/questInfo.vue
@@ -74,6 +74,15 @@ dt {
     white-space: nowrap;
   }
 }
+
+// making sure the star-colors always correct
+.star {
+  fill: #ffb445;
+}
+.star-empty {
+  fill: #686274;
+}
+
 </style>
 
 <script>
diff --git a/website/client/components/ui/countBadge.vue b/website/client/components/ui/countBadge.vue
index 14bef71a4c..a33f2e98e7 100644
--- a/website/client/components/ui/countBadge.vue
+++ b/website/client/components/ui/countBadge.vue
@@ -15,6 +15,7 @@ span.badge.badge-pill.badge-item.badge-count(
   min-width: 24px;
   height: 24px;
   box-shadow: 0 1px 1px 0 rgba($black, 0.12);
+  z-index: 1;
 }
 
 </style>