fixed mobile footer layout

public/modules/forms/css/form.css

@@ -199,7 +199,18 @@ form .row.field {
 		border-width: 0 0 2px 0;
 		border-radius: 5px;
     }
-       	form .dropdown > .field-input .ui-select-choices-row-inner {
+	
+	form .row.field.dropdown > .field-input input:focus {
+		border: none;
+	}
+    
+		form .row.field.dropdown > .field-input .ui-select-match {
+        	border: 0 grey solid;
+        	border-width: 0 0 2px 0;
+			border-radius: 5px;
+		}		
+
+	   	form .dropdown > .field-input .ui-select-choices-row-inner {
 			border-radius: 3px;
 			margin: 5px;
 			padding: 10px;

public/modules/forms/views/directiveViews/field/textarea.html

@@ -10,18 +10,22 @@
         	ng-focus="setActiveField(field._id, index)">
         </textarea>       
     </div>
+</div>
+<div class="col-xs-12 row">
+	<div class="btn btn-lg btn-default row-fluid"
+        style="padding: 4px; margin-top:8px;">
+		
+		<button ng-disabled="!field.fieldValue"
+                ng-click="$root.nextField()"
+                class="btn btn-primary col-sm-5">
 
-	<div class="col-xs-12 field-input">
-        <input ng-focus="setActiveField(field._id, index)"
-                ng-style="{'color': design.colors.answerColor, 'border-color': design.colors.answerColor}"
-                type="email"
-                class="text-field-input"
-                placeholder="email@example.com"
-                value="{{field.fieldValue}}"
-                ng-model="field.fieldValue"
-                ng-model-options="{ debounce: 250 }"
-                ng-required="field.required"
-                ng-disabled="field.disabled"
-                ng-focus="setActiveField(field._id, index)"/>
+        	OK <i class="fa fa-check"></i>
+        </button>
+		<div class="col-sm-3" style="margin-top:0.2em">
+        	<small style="color:#ddd; font-size:70%">
+            	press ENTER
+         	</small>
+    	</div>
     </div>
 </div>
+

public/modules/forms/views/directiveViews/field/yes_no.html

@@ -13,7 +13,7 @@
 
     <div class="col-xs-12 field-input">
         <div class="row">
-            <label class="btn btn-default col-xs-2"
+            <label class="btn btn-default col-md-2 col-sm-3 col-xs-4"
 		style="background: rgba(0,0,0,0.1); text-align:left;">
                 		<input type="radio" value="true" 
 					style="opacity: 0; margin-left: 0px;"
@@ -31,7 +31,7 @@
 	</div>
 	
 	<div class="row" style="margin-top: 10px;">
-            <label class="btn btn-default col-xs-2" 
+            <label class="btn btn-default col-md-2 col-sm-3 col-xs-4" 
 		style="background: rgba(0,0,0,0.1); text-align:left;">
 	
                 <input type="radio" value="false" 

public/modules/forms/views/directiveViews/form/submit-form.client.view.html

@@ -77,10 +77,10 @@
     <section ng-if="!myform.hideFooter" class="navbar navbar-fixed-bottom" style="background-color:rgba(242,242,242,0.5); padding-top:15px;">
         <div class="container-fluid">
             <div class="row">
-                <div class="col-sm-5 col-md-6" ng-show="!myform.submitted">
+                <div class="col-sm-5 col-md-6 col-xs-5" ng-show="!myform.submitted">
                         <p class="lead">{{myform | formValidity}} out of {{myform.visible_form_fields.length}} answered</p>
                 </div>
-                <div class="col-md-6 col-md-offset-0 col-sm-offset-2 col-sm-3 row">
+                <div class="col-md-6 col-md-offset-0 col-sm-offset-2 col-sm-3 col-xs-offset-1 col-xs-6 row">
                     <div class="col-md-4 col-md-offset-2 hidden-sm hidden-xs" ng-if="!authentication.isAuthenticated()">
                         <a href="/#!/forms" class="btn btn-default">Create 
                         a TellForm</a>
@@ -88,7 +88,7 @@
                     <div class="col-md-4 col-md-offset-2 hidden-sm hidden-xs" ng-if="authentication.isAuthenticated()">
                         <a href="/#!/forms/{{myform._id}}/admin/create" class="btn btn-default">Edit this TellForm</a>
                     </div>
-                    <div class="col-md-4 col-sm-10 col-md-offset-0 col-sm-offset-4"> 
+                    <div class="col-md-4 col-sm-10 col-md-offset-0 col-sm-offset-2 col-xs-12"> 
                         <button class="btn btn-info btn-lg" id="focusDownButton"
 				ng-click="nextField()" 
 				ng-disabled="selected.index > myform.form_fields.length-1">