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 44e08e9525feb2820ec123a84f4235b313f7d14d..b2a3eb4034406c3ed063ecc40bce60c09af79d9c 100644 (file)
--- 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 f5b8f742511ea7003b6fef95913031b683b91629..42e25f1c4a6ec976fc471bd1f36fd329a4c87108 100644 (file)
--- 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 6fc89de147187149c5abbc1117ee5f08e4ad5282..4a917d40f05e8badb2922b5391e26896cd123acf 100644 (file)
--- 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;">