From: Sven <sven.hoehn@posteo.de>
Date: Wed, 12 Apr 2017 15:41:22 +0000 (+0200)
Subject: Arrow at the bottom to scroll down now white on hover.
X-Git-Url: http://git.ipfire.org/?p=ipfire.org.git;a=commitdiff_plain;h=8ef25aa4eea122f1601edd4d81d751526b7d0a60

Arrow at the bottom to scroll down now white on hover.
Wishlist section funded text fixed.
Features link fixed.
---

diff --git a/static/css/style.css b/static/css/style.css
index 44e08e95..b2a3eb40 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 f5b8f742..42e25f1c 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 6fc89de1..4a917d40 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;">