bit nicer bar

diff --git a/src/annoy/templates/annoy/banner_crisis.html b/src/annoy/templates/annoy/banner_crisis.html
index 1398ee5..9feffbf 100644 (file)
--- a/src/annoy/templates/annoy/banner_crisis.html
+++ b/src/annoy/templates/annoy/banner_crisis.html
@@ -35,12 +35,12 @@
          <div class="progress-box">
            <div>
              <div class="l-checkout__support__bar">
          <div class="progress-box">
            <div>
              <div class="l-checkout__support__bar">

-               <span data-label="{{ banner.progress_percent_pretty }}%" style="width: {% localize off %}{{ banner.progress_percent }}%{% endlocalize %};"></span>
+               <span data-label="{{ banner.progress_percent_pretty }}%" style="width: {{ banner.progress_percent|stringformat:".3f" }}%;"></span>

              </div>
            </div>
          </div>
          <div class="time-box">
              </div>
            </div>
          </div>
          <div class="time-box">

-           <strong class="countdown inline" data-until='{{ banner.until|date_to_utc:True|utc_for_js }}'></strong>
+           <strong class="countdown inline" data-until='{{ banner.until|date_to_utc:True|utc_for_js }}'>&nbsp;</strong>

          </div>
          <div class="action-box">
            {% if banner.action_label %}
          </div>
          <div class="action-box">
            {% if banner.action_label %}

diff --git a/src/wolnelektury/static/2022/styles/layout/_annoy.scss b/src/wolnelektury/static/2022/styles/layout/_annoy.scss
index 9ff6a0d..9d90c65 100644 (file)
--- a/src/wolnelektury/static/2022/styles/layout/_annoy.scss
+++ b/src/wolnelektury/static/2022/styles/layout/_annoy.scss
@@ -158,11 +158,16 @@
                        flex-grow: 1;
 
                        .l-checkout__support__bar span::after {
                        flex-grow: 1;
 
                        .l-checkout__support__bar span::after {

-                           right: auto;
-                           left: 5px;

                            color: black;
                        }
                    }
                            color: black;
                        }
                    }

+                   .time-box {
+                       width: 110px;
+                       margin: auto;
+                   }
+                   .countdown {
+                       margin: 0;
+                   }

                }
            }
 
                }
            }