Updated some markup and text changes

src/components/risk.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-
+import { Row, Col } from "reactstrap";
 export default function Risk(props) {
   const [showDescription, setShowDescription] = useState(false);
   const toggleDescription = () => {
@@ -27,7 +27,13 @@ export default function Risk(props) {
   return (
     <div className="water-comes-app-risk">
       {header}
-      <div className="description">{showDescription ? description : ""}</div>
+      <Row>
+        <Col>
+          <div className="description">
+            {showDescription ? description : ""}
+          </div>
+        </Col>
+      </Row>
     </div>
   );
 }

src/data-handlers/rain-risk.js

@@ -19,18 +19,16 @@ var computeRainRisk = function(dangers) {
     (isHigh(dangers.conductivity) || isHigh(dangers.fastningDegree))
   ) {
     return "medium";
+  } else if (isHigh(dangers.hollowing) && isHigh(dangers.basement)) {
+    return "high";
   } else if (isHigh(dangers.hollowing)) {
     if (isLow(dangers.conductivity) && isLow(dangers.fastningDegree)) {
       return "medium";
     } else {
       return "high";
     }
   } else if (isHigh(dangers.basement)) {
-    if (isHigh(dangers.conductivity) || isHigh(dangers.fastningDegree)) {
-      return "high";
-    } else {
-      return "medium";
-    }
+    return "medium";
   } else {
     // Default case with most common
     console.log("Reached non special case in risk computer");

src/example_house_data.js

@@ -6,18 +6,18 @@ const exampleAddress = {
   text: "Kjærmarken 103, 6771 Gredstedbro",
   dangers: {
     basement: {
-      risk: "high"
+      risk: "low"
     },
     conductivity: {
-      risk: "medium"
+      risk: "low"
     },
     hollowing: {
-      risk: "low",
+      risk: "high",
       image: hollowingImg
     },
     fastningDegree: {
       image: fastningImg,
-      risk: "high"
+      risk: "low"
     },
     flood: {
       risk: "high"

src/risks.json

@@ -23,7 +23,7 @@
   },
   "rain_other": {
     "title": "Andre væsentlige faktorer ved skybrud",
-    "description": "Der kan være andre faktorer, der påvirker din boligs risiko for oversvømmelse, som denne beregner ikke tager højde for. Vi har desværre ikke data for kloakkernes stand i dit område.\nKloakkerne kan påvirke din boligs risiko for oversvømmelse i væsentlig grad. Er der for små og for hårdt belastede kloakker i området omkring din bolig, vil et skybrud kunne overbelaste kloaksystemet og skubbe vandet baglæns i rørene. Sker det, er risikoen for oversvømmelse høj, selvom din bolig ikke ligger i en lavning.\nHvis du har fald væk fra boligen, højvandslukke i dine kloakker, afledning af regnvand til faskine eller lignende forhold, som dæmmer op for oversvømmelser, vil din risiko omvendt være lavere, end vi kan se ud fra de tilgængelige data."
+    "description": "Der kan være andre faktorer, der påvirker din boligs risiko for oversvømmelse, som denne beregner ikke tager højde for.\nDer findes desværre ikke offentligt tilgængelige oplysninger om kloakkernes tilstand i Danmark. Kloakkerne kan påvirke din boligs risiko for oversvømmelse i væsentlig grad. Er der for små og for hårdt belastede kloakker i området omkring din bolig, vil et skybrud kunne overbelaste kloaksystemet og skubbe vandet baglæns i rørene. Sker det, er risikoen for oversvømmelse høj, selvom din bolig ikke ligger i en lavning.\nHvis du allerede har højvandslukke i dine kloakker, afledning af regnvand til en faskine på din grund, omfangsdræn, fald væk fra boligen eller andre tiltag, der kan forebygge oversvømmelse, vil din risiko være lavere end angivet i beregnerens resultat."
   },
   "flood_other": {
     "title": "Andre væsentlige faktorer ved stormflod",