Fix banner

commonknowledge · May 5, 2022 · 977fda5 · 977fda5
1 parent db19c82
commit 977fda5
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 7 deletions.
diff --git a/app/templates/app/blocks/featured_book_block.html b/app/templates/app/blocks/featured_book_block.html
@@ -1,11 +1,11 @@
 <section class='{% firstof value.background_color "bg-white" %}'>
   <section class='row gx-0 position-relative'>
     {% if value.promotion_label %}
-      {% include "app/includes/banner.html" with label=value.promotion_label class="position-absolute tw-top-0 tw-left-0 pt-3" %}
+      {% include "app/includes/banner.html" with label=value.promotion_label class="position-absolute tw-top-0 tw-left-0 mt-3" %}
     {% endif %}
     {% include "app/includes/book_card.html" with page=value.book background_color=value.background_color description=value.description %}
     {% if value.promotion_label %}
-      {% include "app/includes/banner.html" with label=value.promotion_label class="position-absolute tw-bottom-0 tw-left-0 pb-3" %}
+      {% include "app/includes/banner.html" with label=value.promotion_label class="position-absolute tw-bottom-0 tw-left-0 mb-3" %}
     {% endif %}
   </section>
 </section>
diff --git a/app/templates/app/blocks/membership_option_card.html b/app/templates/app/blocks/membership_option_card.html
@@ -2,9 +2,9 @@
 {% with request_price.products.all as products %}
   <div class='{% firstof option.background_color "bg-yellow" %} overflow-hidden h-100 d-flex flex-column'>
     {% if value.promotion_label %}
-      {% include "app/includes/banner.html" with label=option.promotion_label class='pt-3 pb-1' %}
+      {% include "app/includes/banner.html" with label=option.promotion_label class='mt-3 mb-1' %}
     {% else %}
-      {% include "app/includes/banner.html" with label="&nbsp;." class='pt-3 pb-1 opacity-0' %}
+      {% include "app/includes/banner.html" with label="&nbsp;." class='mt-3 mb-1 opacity-0' %}
     {% endif %}
     <div class='px-3 pt-1'>
       <h3 class='h1 mb-2 fw-bold'>{{ option.plan.title }}</h3>

diff --git a/app/templates/menus/footer.html b/app/templates/menus/footer.html
@@ -1,6 +1,6 @@
 {% load static menu_tags %}
 <footer class="pt-4 pt-md-5">
-  {% include "app/includes/banner.html" with label="Read. Debate. Organise." class="pt-3 pb-1" %}
+  {% include "app/includes/banner.html" with label="Read. Debate. Organise." class="mt-3 mb-1" %}
   <div class='tw-border-b-2 pt-2'></div>  
   <div class="row pt-3 pt-md-5">
     <div class="col-12 col-md">

diff --git a/app/templates/menus/header.html b/app/templates/menus/header.html
@@ -26,6 +26,6 @@
       {% comment %} {% endif %} {% endcomment %}
     </ul>
   </nav>
-  {% include "app/includes/banner.html" with label="Read. Debate. Organise." class="pt-3 pb-1" %}
+  {% include "app/includes/banner.html" with label="Read. Debate. Organise." class="mt-3 mb-1" %}
   <div class='tw-border-b-2 pt-2'></div>  
 </header>
diff --git a/frontend/scss/main.scss b/frontend/scss/main.scss
@@ -167,6 +167,6 @@ p {
 .banner-text {
   @apply tw-uppercase tw-font-serif tw-text-xs tw-opacity-75 tw-overflow-hidden tw-font-light;
   letter-spacing: 0.2em;
-  max-height: 3em;
+  max-height: 1.5em;
   line-height: 150%;
 }