Split CSS class 'qfq-full-width-left' into 'qfq-100' and 'qfq-left'

extension/Documentation/Manual.rst

@@ -5924,8 +5924,13 @@ QFQ CSS Classes
 ---------------
 
 * `qfq-table-50`, `qfq-table-80`, `qfq-table-100` - set min-width and column width to 'auto'
-
 * Background Color: `qfq-color-grey-1`, `qfq-color-grey-2`  (table, row, cell)
+* `qfq-100`: Makes an element 'width: 100%'.
+* `qfq-left`: Text align left.
+
+Bootstrap
+'''''''''
+
 * Table: `table`
 * Table > hover: `table-hover`
 * Table > condensed: `table-condensed`
@@ -5935,9 +5940,9 @@ E.g.::
   10.sql = SELECT id, name, firstName, ...
   10.head = <table class='table table-condensed qfq-table-50'>
 
-* `qfq-full-width-left` - makes e.g. a button full width and aligns the text left. ::
+* `qfq-100`, `qfq-left` - makes e.g. a button full width and aligns the text left. ::
 
-    10.sql = SELECT "p:home&r=0|t:Home|c:qfq-full-width-left" AS _pagev
+    10.sql = SELECT "p:home&r=0|t:Home|c:qfq-100 qfq-left" AS _pagev
 
 Examples
 --------

less/qfq-bs.css.less

@@ -343,8 +343,12 @@ i.@{spinner_class} {
   pointer-events: none;
 }
 
-// Buttons width full width and text left aligned
-.qfq-full-width-left {
+// Buttons: full width
+.qfq-100 {
   width: 100%;
+}
+
+// Buttons: text left aligned
+.qfq-left {
   text-align: left;
 }
\ No newline at end of file