changing the layout of the select box

This commit is contained in:
Khalim Conn-Kowlessar 2024-07-31 10:46:47 +01:00
parent 24c76d78b6
commit 097d80c69e

View file

@ -100,15 +100,12 @@ function SummaryBox({ scenarios, numProperties }: SummaryBoxProps) {
<h2 className="text-2xl font-bold mb-4 text-brandblue text-center">
Portfolio Summary
</h2>
<div className="mb-4 text-center">
<label htmlFor="scenario-select" className="mr-2">
Select Scenario:
</label>
<div className="mb-4 flex items-center justify-center">
<select
id="scenario-select"
value={selectedScenarioId}
onChange={(e) => handleScenarioChange(e.target.value)}
className="p-2 border rounded"
className="p-2 border rounded w-full"
>
{scenarios.map((scenario) => (
<option key={String(scenario.id)} value={String(scenario.id)}>