diff --git a/index.html b/index.html
index 9fd583d..39a9464 100644
--- a/index.html
+++ b/index.html
@@ -1,12 +1,13 @@
-
-
-
- Irish Mortgage Calculator
-
-
-
-
-
+
+
+
+
+ Irish Mortgage Calculator
+
+
+
+
+
diff --git a/public/abacus.png b/public/abacus.png
new file mode 100644
index 0000000..09e8e82
Binary files /dev/null and b/public/abacus.png differ
diff --git a/src/components/FeesPanel/FeesPanel.tsx b/src/components/FeesPanel/FeesPanel.tsx
index 01d2092..f143aad 100644
--- a/src/components/FeesPanel/FeesPanel.tsx
+++ b/src/components/FeesPanel/FeesPanel.tsx
@@ -64,14 +64,17 @@ export const FeesPanel: React.FC = (props: FeesPanelProps) => {
style={{
fontWeight: "600",
fontSize: "1rem",
- margin: "2rem 0 0 0",
+ marginTop: "2.5rem",
+ marginBottom: "0rem",
}}
>
Legal Fees and Outlays
- This is some text about legal fees and outlays.
+ An outlay is money spent by the solicitor on your behalf in
+ the conveyancing process e.g. land registry fees. Your legal
+ fees are your solicitor fees.
= () => {
If you found this useful, consider{" "}
buying me a coffee! {" "}
diff --git a/src/components/MortgageDetails/MortgageDetails.tsx b/src/components/MortgageDetails/MortgageDetails.tsx
index e4ffec2..094a7b3 100644
--- a/src/components/MortgageDetails/MortgageDetails.tsx
+++ b/src/components/MortgageDetails/MortgageDetails.tsx
@@ -123,23 +123,40 @@ export const MortgageDetails: React.FC = (
/>
-
+
+ OR
+
+
+
+
+ setLoanAmountToMax(houseValue, maxLoan, setLoanAmount)
+ }
+ >
+ Set loan to max
+ {" "}
-
- setLoanAmountToMax(
- houseValue,
- maxLoan,
- setLoanAmount
- )
- }
- >
- Set loan to max
-
+