From e4bf03f0a1efc78ec52150a2389fad71fd3e8e7c Mon Sep 17 00:00:00 2001
From: Pablo <pabloqb@gmail.com>
Date: Mon, 28 Jan 2019 18:21:10 +0100
Subject: [PATCH] [FIX] Adjust font size based on length
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Alexandre Díaz <dev@redneboa.es>
---
 hotel_calendar/static/src/css/view.css           |  3 +++
 .../static/src/xml/hotel_calendar_templates.xml  | 16 +++++++++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/hotel_calendar/static/src/css/view.css b/hotel_calendar/static/src/css/view.css
index 4cad533b2..95e2660f3 100644
--- a/hotel_calendar/static/src/css/view.css
+++ b/hotel_calendar/static/src/css/view.css
@@ -282,6 +282,9 @@ input#bookings_search {
     padding-top: 5px;
     padding-bottom: 5px;
 }
+.pb-3 {
+    padding-bottom: 3px;
+}
 .pb-10 {
     padding-bottom: 10px;
 }
diff --git a/hotel_calendar/static/src/xml/hotel_calendar_templates.xml b/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
index abce7b220..a4c442008 100644
--- a/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
+++ b/hotel_calendar/static/src/xml/hotel_calendar_templates.xml
@@ -126,14 +126,24 @@
 
 <t t-name="HotelCalendar.TooltipReservation.Sale">
 	<div class="row row-eq-height mt-3">
-		<div class="col-sm-6 bg-gray-light pb-10 pr-0 diagonal">
+		<div class="col-sm-6 bg-gray-light pb-3 pr-0 diagonal">
 			<div class="on-top">
 				<div class="pull-left">
 					<p>Folio Pending</p>
-					<h3><t t-esc="pending_amount" t-widget="monetary"/>€</h3> <!-- FIXME: HARD CURRENCY -->
+					<t t-if="pending_amount.length > '6'">
+						<h3 t-attf-style="font-size:calc(22px - #{pending_amount.length}px)"><t t-esc="pending_amount" t-widget="monetary"/>€</h3> <!-- FIXME: HARD CURRENCY -->
+					</t>
+					<t t-else="">
+						<h3><t t-esc="pending_amount" t-widget="monetary"/>€</h3> <!-- FIXME: HARD CURRENCY -->
+					</t>
 				</div>
 				<div class="pull-right-custom">
-					<h3><t t-esc="invoices_paid" t-widget="monetary"/>€</h3> <!-- FIXME: HARD CURRENCY -->
+					<t t-if="invoices_paid.length > '6'">
+						<h3 t-attf-style="font-size:calc(22px - #{invoices_paid.length}px)"><t t-esc="invoices_paid" t-widget="monetary"/>€</h3> <!-- FIXME: HARD CURRENCY -->
+					</t>
+					<t t-else="">
+						<h3><t t-esc="invoices_paid" t-widget="monetary"/>€</h3> <!-- FIXME: HARD CURRENCY -->
+					</t>
 					<p>Total Paid</p>
 				</div>
 			</div>