Be more specific with bootstrap's layout classes for small devices in the base template, to avoid the bottom links and footer overlaying the bottom of the content area. Fixes a problem with entering login information on small devices.

 - Legacy-Id: 15002

Author: levkowetz

ietf/templates/base.html

@@ -107,7 +107,7 @@
 	      </p>
 	      <![endif]-->
 	{% else %}
-	  <div id="content">
+	  <div class="col-md-12 col-sm-12" id="content">
         {% endif %}
         {% block content %}{{ content|safe }}{% endblock %}
         {% block content_end %}{% endblock %}
@@ -120,7 +120,7 @@
 
 	{% block footer %}
 	<hr>
-	  <div class="col-md-12">
+	  <div class="col-md-12 col-sm-12">
 	    <div class="text-center padded">
 	        <a href="https://www.internetsociety.org/" class="padded">ISOC</a>
 	        <a href="https://trustee.ietf.org/" class="padded">IETF&nbsp;Trust</a>
@@ -136,7 +136,7 @@
 	  </div>
 
 
-        <footer class="row">
+        <footer class="row col-md-12 col-sm-12">
 	  <div class="col-md-12">
 	    <div class="text-center">
 	      <p class="small text-muted">