Move the description from above to below the floor plan, as Coby requ…

…ested months ago.

Facilities/HobbyShop-N51/floor_plan.html

@@ -32,11 +32,6 @@
 
     <h1>Hobby Shop Floor Plan (N51)</h1>
     <div>
-      <div id="description"></div>
-      <div class="pointer-position">
-        X: <span id="show-pointer-x"></span>,
-        Y: <span id="show-pointer-y"></span>
-      </div>
       <!-- 
         We use object instead of img so that code in placement.js can
         get access to the loaded SVG document.
@@ -49,6 +44,11 @@ <h1>Hobby Shop Floor Plan (N51)</h1>
                    machines, furnature, tools, etc.">
         The Hobby Shop floor plan should appear here.
       </object>
+      <div class="pointer-position">
+        X: <span id="show-pointer-x"></span>,
+        Y: <span id="show-pointer-y"></span>
+      </div>
+      <div id="description"></div>
     </div>
     <div id="controls">
       <a id="download_floor_plan"

placement.js

@@ -435,7 +435,12 @@ function target(item, doit=false) {
   c.setAttribute("r", radius);
   overlay.appendChild(c);
   let anchorX = window.scrollX + ((desc_bbox.left + desc_bbox.right) / 2);
+  // Is the description element above or below the floor_plan_svg
+  // element on the web page?
   let anchorY = window.scrollY + desc_bbox.bottom;
+  if (desc_bbox.top > obj_bbox.bottom) {
+    anchorY = window.scrollY + desc_bbox.top;
+  }
   let cpp = circle_perimeter_point(centerX, centerY, radius, anchorX, anchorY)
   let p = document.createElementNS(overlay.namespaceURI, "path");
   p.setAttribute("d",