From e2bcdafb08037914dd22fd8e09692cdc6dcdc37e Mon Sep 17 00:00:00 2001
From: Horilla <support@horilla.com>
Date: Wed, 8 Oct 2025 12:42:10 +0530
Subject: [PATCH] [FIX] PAYROLL: Fixed styles for the loan progressbar

---
 payroll/templates/cbv/loan/loan_card.html | 56 ++++++++++++-----------
 1 file changed, 29 insertions(+), 27 deletions(-)

diff --git a/payroll/templates/cbv/loan/loan_card.html b/payroll/templates/cbv/loan/loan_card.html
index 03f4c380d..5905239f3 100644
--- a/payroll/templates/cbv/loan/loan_card.html
+++ b/payroll/templates/cbv/loan/loan_card.html
@@ -1,31 +1,33 @@
-{% load i18n %} {% load static %}{% include "filter_tags.html" %}
-{% comment %} <style>
-    .oh-recuritment__progress-bar {
-        width: 50%;
-        height: 5px;
-        border-radius: 15px;
-        margin: 0.75rem 0;
-        background-color: hsl(213, 22%, 93%);
-        position: relative;
-    }
+{% load i18n %}
 
-    .oh-progress-bar__state {
-        background-color: hsl(8, 77%, 56%);
-        position: absolute;
-        left: 0px;
-        height: 5px;
-        width: 20%;
-        border-radius: 15px;
-    }
-</style> {% endcomment %}
+<style>
+	.oh-recuritment__progress-bar {
+		width: 50%;
+		height: 5px;
+		border-radius: 15px;
+		margin: 0.75rem 0;
+		background-color: hsl(213, 22%, 93%);
+		position: relative;
+	}
 
+	.oh-progress-bar__state {
+		background-color: hsl(8, 77%, 56%);
+		position: absolute;
+		left: 0px;
+		height: 5px;
+		width: 20%;
+		border-radius: 15px;
+	}
+</style>
 
-
-<div class="oh-recuritment__progress-bar">
-    <div class="oh-progress-bar__state"
-         role="progressbar"
-         aria-valuemax="100"
-         style="width:{{ instance.installment_ratio }}%;"
-         title="{{ installment_paid }}  ({% trans 'Installment paid' %}) / {{ total_installments }}  ({% trans 'Total installments' %})">
-    </div>
+<div
+	class="oh-recuritment__progress-bar"
+	title="{% trans 'Paid' %} {{installment_paid}} {% trans 'out of' %} {{total_installments}} {% trans 'installments' %}"
+>
+	<div
+		class="oh-progress-bar__state"
+		role="progressbar"
+		aria-valuemax="100"
+		style="width:{{ instance.installment_ratio }}%;"
+	></div>
 </div>