TableAjax: more responsive forms

SE/se-lib/TableAjax.php

@@ -3216,11 +3216,11 @@ function hidePopover() {
 				<?php $tabindex = 0; foreach ($fieldsList as $kID => $vCol) : ?>
 					<?php if ($this->_acl->isAllowed($kID, 'W', $record)) : ?>
 						<div class="form-group">
-							<label class="col-sm-3 control-label" for="<?php echo "f{$kID}"; ?>"><?php echo $vCol['label']; ?>
+							<label class="col-xs-12 col-sm-3 col-md-2 control-label" for="<?php echo "f{$kID}"; ?>"><?php echo $vCol['label']; ?>
 								<i class="glyphicon glyphicon-info-sign frm-help" data-toggle="popover" data-trigger="hover" title="" data-content="<?php echo htmlspecialchars($vCol['opis']); ?>" data-original-title="<?php echo "[{$kID}] {$vCol['name']}"; ?>"></i>
 								<?php $perms = $this->_acl->getFieldPerms($kID); SE_Layout::hotKeyDBG($perms); ?>
 							</label>
-							<div class="col-sm-9">
+							<div class="col-xs-12 col-sm-9 col-md-10">
 								<?php
 									$fieldParams = array('appendBack'=>true, 'tabindex'=>(++$tabindex), 'maxGrid'=>8);
 									if (!empty($tsValues[$kID])) {
@@ -3232,11 +3232,11 @@ function hidePopover() {
 						</div>
 					<?php elseif ($this->_acl->isAllowed($kID, 'R', $record)) : ?>
 						<div class="form-group">
-							<label class="col-sm-3 control-label" for="<?php echo "f{$kID}"; ?>"><?php echo $vCol['label']; ?>
+							<label class="col-xs-12 col-sm-3 col-md-2 control-label" for="<?php echo "f{$kID}"; ?>"><?php echo $vCol['label']; ?>
 								<i class="glyphicon glyphicon-info-sign frm-help" data-toggle="popover" data-trigger="hover" title="" data-content="<?php echo htmlspecialchars($vCol['opis']); ?>" data-original-title="<?php echo "[{$kID}] {$vCol['name']}"; ?>"></i>
 								<?php $perms = $this->_acl->getFieldPerms($kID); SE_Layout::hotKeyDBG($perms); ?>
 							</label>
-							<div class="col-sm-9">
+							<div class="col-xs-12 col-sm-9 col-md-10">
 								<p style="margin-top:5px;">
 								<?php
 									//echo $this->_acl->showFormItem('R', $kID, "f{$kID}", $cols[$kID], array('appendBack'=>true), $record);
@@ -3253,7 +3253,7 @@ function hidePopover() {
 				<?php endforeach; ?>
 
 				<div class="form-group">
-					<div class="col-sm-offset-3 col-sm-9">
+					<div class="col-xs-offset-0 col-xs-12 col-sm-offset-3 col-sm-9 col-md-offset-2 col-md-10">
 						<button type="submit" class="btn btn-primary" tabindex="<?php echo (++$tabindex); ?>">Zapisz</button>
 					</div>
 				</div>
@@ -3474,11 +3474,11 @@ jQuery(document).ready(function(){
 				<?php $tabindex = 0; foreach ($fieldsList as $kID => $vCol) : ?>
 					<?php if ($this->_acl->isAllowed($kID, 'C')) : ?>
 						<div class="form-group">
-							<label class="col-sm-3 control-label" for="<?php echo "f{$kID}"; ?>"><?php echo $vCol['label']; ?>
+							<label class="col-xs-12 col-sm-3 col-md-2 control-label" for="<?php echo "f{$kID}"; ?>"><?php echo $vCol['label']; ?>
 								<i class="glyphicon glyphicon-info-sign frm-help" data-toggle="popover" data-trigger="hover" title="" data-content="<?php echo htmlspecialchars($vCol['opis']); ?>" data-original-title="<?php echo "[{$kID}] {$vCol['name']}"; ?>"></i>
 								<?php $perms = $this->_acl->getFieldPerms($kID); SE_Layout::hotKeyDBG($perms); ?>
 							</label>
-							<div class="col-sm-9">
+							<div class="col-xs-12 col-sm-9 col-md-10">
 								<?php
 									$fieldParams = array('appendBack'=>true, 'tabindex'=>(++$tabindex), 'maxGrid'=>8);
 									echo $this->_acl->showFormItem('C', $kID, "f{$kID}", $cols[$kID], $fieldParams);
@@ -3489,7 +3489,7 @@ jQuery(document).ready(function(){
 				<?php endforeach; ?>
 
 				<div class="form-group">
-					<div class="col-sm-offset-3 col-sm-9">
+					<div class="col-xs-offset-0 col-xs-12 col-sm-offset-3 col-sm-9 col-md-offset-2 col-md-10">
 						<button type="submit" class="btn btn-primary" tabindex="<?php echo (++$tabindex); ?>">Dodaj rekord</button>
 					</div>
 				</div>