From a6a4d1cff6db2e707d8621eaf8a62df6b467f763 Mon Sep 17 00:00:00 2001
From: Sven <sven.hoehn@posteo.de>
Date: Wed, 12 Apr 2017 17:41:22 +0200
Subject: [PATCH] Arrow at the bottom to scroll down now white on hover.
 Wishlist section funded text fixed. Features link fixed.

---
 static/css/style.css   |  5 +++++
 static/scss/style.scss |  9 +++++++++
 templates/index.html   | 31 ++++++++++++++++---------------
 3 files changed, 30 insertions(+), 15 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 44e08e9..b2a3eb4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4969,6 +4969,9 @@ a.text-gray-dark:focus, a.text-gray-dark:hover {
   .hidden-print {
     display: none !important; } }
 
+.amber-800 {
+  color: #ff8f00; }
+
 h1 {
   line-height: 3rem; }
 
@@ -5295,6 +5298,8 @@ section.intro {
         section.intro .page-scroll .btn {
           width: 64px;
           height: 64px; } }
+      section.intro .page-scroll .btn:hover .i_arrow_down {
+        fill: white; }
 
 section.content-section {
   padding: 3rem 0; }
diff --git a/static/scss/style.scss b/static/scss/style.scss
index f5b8f74..42e25f1 100644
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -54,6 +54,12 @@
 @import "bootstrap-4.0.0-alpha.6/scss/utilities";
 
 
+// Colors
+
+.amber-800 {
+	color: $amber-800;
+}
+
 // Fonts
 
 h1 {
@@ -373,6 +379,9 @@ section.intro {
 				width: 64px;
 				height: 64px;
 			}
+			&:hover .i_arrow_down {
+				fill: white;
+			}
 		}
 	}
 }
diff --git a/templates/index.html b/templates/index.html
index 6fc89de..4a917d4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -12,7 +12,7 @@
 				
 			<div class="row justify-content-center">
 				<a class="btn btn-outline-primary btn-lg" href="/download">{{ _("Download") }}</a>
-				<a class="btn btn-outline-secondary btn-lg" href="/featues">{{ _("Features") }}</a>
+				<a class="btn btn-outline-secondary btn-lg" href="/features">{{ _("Features") }}</a>
 			</div>
 		</div>
 		
@@ -212,20 +212,21 @@
 			<h2 class="display-2 text-center text-white">IP<strong>Fire</strong>&rsquo;s Wishlist</h2>
 			
 				{% if hottest_wish %}
-	
-					{% if hottest_wish.is_new() %}
-						<span class="label label-success pull-right">{{ _("NEW") }}</span>
-					{% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %}
-						<span class="pull-right">
-							{{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
-						</span>
-					{% else %}
-						<span class="pull-right">
-							{{ _("%d%% funded") % hottest_wish.percentage }}
-						</span>
-					{% end %}
-					
-					<h3 class="text-white pb-5">{{ hottest_wish.title }}</h3>
+					<div class="d-flex flex-row justify-content-between align-items-baseline">
+						<h3 class="text-white">{{ hottest_wish.title }}</h3>
+		
+						{% if hottest_wish.is_new() %}
+							<span class="label label-success pull-right">{{ _("NEW") }}</span>
+						{% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %}
+							<span>
+								{{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
+							</span>
+						{% else %}
+							<span class="amber-800 hidden-xs-down">
+								{{ _("%d%% funded") % hottest_wish.percentage }}
+							</span>
+						{% end %}
+					</div>
 	
 					<div class="progress progress-small mb-5">
 						<div class="progress-bar bg-progress" role="progressbar" aria-valuenow="{{ hottest_wish.percentage_bar }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ hottest_wish.percentage_bar }}%; height: .5rem;">
-- 
2.39.2