Move description box to top right. Add intro text and IPMD logo

ipmd/templates/ipmd/saddlegallmidgeform.html

@@ -25,8 +25,21 @@
 {% block title %}{% trans "Saddle gall midge" %}{% endblock %}
 {% block content %}
 <div class="singleBlockContainer">
-	<h1>{% trans "Saddle gall midge" %}</h1>
-    <div id="inputForm"></div>
+    <img src="https://ipmdecisions.net/media/phdj3qhd/output-onlinepngtools.png" width="120px;"/>
+    <h1>{% trans "Saddle gall midge" %}</h1>
+    <p>This model is integrated in VIPS from the <a href="https://platform.ipmdecisions.net/" target="new">IPM Decisions Platform</a> 
+        to support field validations for evaluation of the potential for use of this model in Norway.  
+        The integration of the model in VIPS, also serves as a demonstration of how decisions support systems from IPM Decisions can be integrated into external services.   
+        Source organization: <a href="https://adas.co.uk/" target="new">ADAS, England</a>    
+    <div class="row">
+        <div class="col-md-6">
+            <div id="inputForm"></div>
+        </div>
+        <div class="col-md-6" >
+            <h3>Model description</h4>
+            <div style="white-space: pre-line; padding: 10px; background-color: #eeeeee;" id="modelDescription"></div>
+        </div>
+    </div>
     <div id="weatherDataForm" style="display: none;">
     <h2>Weather data</h2>
     <div class="row">
@@ -73,7 +86,7 @@
         <canvas id="resultChart"></canvas>
     </div>
     <div id="weatherData" class="table-responsive"></div>
-    <pre id="modelDescription"></pre>
+    
 </div>
 {% endblock %}