Make the floorplans scale down also for small devices.

 - Legacy-Id: 11568

Author: levkowetz

ietf/templates/meeting/floor-plan.html

@@ -29,7 +29,7 @@
   {% origin %}
 
   <div class="row">
-    <div class="col-md-12" >
+    <div class="col-md-12 col-sm-12 col-xs-12" >
 
       {% include "meeting/meeting_heading.html" with meeting=schedule.meeting selected="floor-plan" title_extra="Floor Plan" %}
 
@@ -43,7 +43,7 @@
 	  <div class="anchor-target" id="{{floor.name|slugify}}"></div>
 	  <h3>{{ floor.name }}</h3>
 	  <div class="floor-plan">
-	    <img class="col-md-12" src="{{ floor.image.url }}" >
+	    <img class="col-md-12 col-sm-12 col-xs-12" src="{{ floor.image.url }}" >
 	    <!-- We need as many of these as we can have individual rooms combining into one -->
 	    <div id="{{floor.name|slugify}}-arrowdiv"  style="position: absolute; left: 0; top: 67.5px; visibility: hidden;"><img id="arrow" src="{% static 'ietf/images/arrow-ani.gif' %}"></div>
 	    <div id="{{floor.name|slugify}}-arrowdiv1" style="position: absolute; left: 0; top: 67.5px; visibility: hidden;"><img id="arrow" src="{% static 'ietf/images/arrow-ani.gif' %}"></div>