From ed7bc9e0b5e51733683f4eef1037177ad5a82b65 Mon Sep 17 00:00:00 2001
From: Dan <daniel2.lorych@live.uwe.ac.uk>
Date: Mon, 2 May 2022 20:23:17 +0100
Subject: [PATCH] Update ConfiguratorResult to improve clarity

---
 .../Configurator/ConfiguratorResult.cshtml    | 74 ++++++++++---------
 1 file changed, 38 insertions(+), 36 deletions(-)

diff --git a/Helios/Views/Configurator/ConfiguratorResult.cshtml b/Helios/Views/Configurator/ConfiguratorResult.cshtml
index bb9acf5..7913706 100644
--- a/Helios/Views/Configurator/ConfiguratorResult.cshtml
+++ b/Helios/Views/Configurator/ConfiguratorResult.cshtml
@@ -5,44 +5,45 @@
 }
 
 @foreach (var roofResult in Model.RoofResults)
-    {
-        <h5>Results for roof:</h5>
+{
+    <div class="input-border">
+    <h5>Results for roof:</h5>
 
-        <ul>
-            <li>
-                Area: @roofResult.RoofArea
-            </li>
-            <li>
-                Angle: @roofResult.RoofAngle
-            </li>
-        </ul>
+    <ul>
+        <li>
+            Area: @roofResult.RoofArea
+        </li>
+        <li>
+            Angle: @roofResult.RoofAngle
+        </li>
+    </ul>
 
-        <table class="table">
-            <tr>
-                <th>
-                    @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].PanelEfficiency)
-                </th>
-                <th>
-                    @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].InstallationCost)
-                </th>
-                <th>
-                    @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].PowerGeneratedSummer)
-                </th>
-                <th>
-                    @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].PowerGeneratedWinter)
-                </th>
-                <th>
-                    @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].GeneratesRequiredPower)
-                </th>
-                <th>
-                    @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].ExceedsMaximumPower)
-                </th>
-                <th>
-                    @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].WithinBudget)
-                </th>
-            </tr>
+    <table class="table">
+        <tr>
+            <th>
+                @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].PanelEfficiency)
+            </th>
+            <th>
+                @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].InstallationCost)
+            </th>
+            <th>
+                @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].PowerGeneratedSummer)
+            </th>
+            <th>
+                @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].PowerGeneratedWinter)
+            </th>
+            <th>
+                @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].GeneratesRequiredPower)
+            </th>
+            <th>
+                @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].ExceedsMaximumPower)
+            </th>
+            <th>
+                @Html.DisplayNameFor(panelResult => panelResult.RoofResults[0].Panels[0].WithinBudget)
+            </th>
+        </tr>
 
-            @foreach (var panel in roofResult.Panels)
+        @foreach (var panel in roofResult.Panels)
             {
                 <tr>
                     <td>
@@ -70,4 +71,5 @@
             }
 
         </table>
-    }
\ No newline at end of file
+    </div>
+}
-- 
GitLab