From 76d739392d5121648043bf42fb0c867c4518b452 Mon Sep 17 00:00:00 2001
From: Daniel Pono Takamori <pono@sfconservancy.org>
Date: Tue, 4 Jan 2022 15:42:03 -0800
Subject: [PATCH] increase font size for full match

---
 www/conservancy/static/css/conservancy.css      | 1 +
 www/conservancy/templates/base_conservancy.html | 8 ++++----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index a3595666..a5e9562a 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -322,6 +322,7 @@ body > header {
 #siteprogressbar .progress.matched {
   border-top-right-radius: 16px;
   border-bottom-right-radius: 16px;
+  font-size: 120%;
 }
 #siteprogressbar .progress.exceeded {
   border-top-right-radius: 16px;
diff --git a/www/conservancy/templates/base_conservancy.html b/www/conservancy/templates/base_conservancy.html
index 49d368bb..f15ac7ba 100644
--- a/www/conservancy/templates/base_conservancy.html
+++ b/www/conservancy/templates/base_conservancy.html
@@ -136,11 +136,11 @@
 <a href="/sustainer/" style="text-decoration: none !important">
 <div id="siteprogressbar" class="flex items-stretch w-100">
   {% if this_match_remaining <= 0 %}
-    <div class="progress matched pv1 b flex" style="flex-basis: {{ this_match_so_far }}px">
-      <span id="site-fundraiser-match-count" class="soFarText tc w-100">${{ this_match_goal|floatformat:0|intcomma }} matched!</span>
+    <div class="progress matched pv1 b flex items-center" style="flex-basis: {{ this_match_so_far }}px">
+      <span id="site-fundraiser-match-count" class="soFarText tc w-100">${{ this_match_goal|floatformat:0|intcomma }} fully matched!</span>
     </div>
-    <div class="progress exceeded pv1 b flex" style="flex-basis: {{ this_match_exceeded }}px">
-      <span id="site-fundraiser-match-count" class="soFarText tc w-100 exceeded">${{this_match_exceeded|floatformat:0|intcomma }} extra given!</span>
+    <div class="progress exceeded pv1 b flex items-center" style="flex-basis: {{ this_match_exceeded }}px">
+      <span id="site-fundraiser-match-count" class="soFarText tc w-100 exceeded">${{this_match_exceeded|floatformat:0|intcomma }} additional<br> raised!<br></span>
     </div>
   {% else %}
     <div class="progress pv1 b flex items-center" style="flex-basis: {{ this_match_so_far }}px">