Update ConfiguratorResult to improve clarity

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>
+}