adjust boxlabel for checkbox left

[roojs1] / css-bootstrap / roojs-bootstrap-debug.css

diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css
index 78c334f..4a7bc88 100644 (file)
--- a/css-bootstrap/roojs-bootstrap-debug.css
+++ b/css-bootstrap/roojs-bootstrap-debug.css
@@ -609,7 +609,7 @@ table.fc-border-separate {
  * From https://github.com/flatlogic/awesome-bootstrap-checkbox
  *
  */
-.checkbox label {
+.checkbox label.box-label {
   display: inline-block;
   position: relative;
   padding-left: 5px;
@@ -1876,6 +1876,9 @@ li.dropdown-menu-item i.fa + span {
 li.dropdown-toggle button > i.glyphicon {
   margin: 3px 0 0 5px;
 }
+.dropdown-menu.nowrap li a span {
+  white-space: nowrap;
+}
 div.input-group.has-feedback > .form-control-feedback {
   right: 30px;
 }
@@ -1893,6 +1896,15 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
 .roo-required-indicator.right-indicator {
   margin-left: 3px;
 }
+.roo-form-group-label-left .roo-required-indicator.left-indicator {
+  position: absolute;
+  top: 8px;
+  left: 15px;
+}
+/* fix vertical alignment on left labels. tax -details social security number */
+.roo-form-group-label-left label {
+  margin-top: 8px;
+}
 .label-pill {
   padding-right: .6em;
   padding-left: .6em;
@@ -2170,26 +2182,29 @@ button.list-group-item {
   z-index: 20000;
   /*border: 4px double #557; */
   background-color: #ffffff;
-  padding: 0px 30px;
+  padding: 0px;
   /*background-image: url('@{bootstrap-image-path}/ux/lightbox/loading.gif');*/
   background-repeat: no-repeat;
   border: 10px solid white;
   border-radius: 20px;
   display: table;
+  min-width: 250px;
 }
 .roo-el-mask-msg i {
-  font-size: 48px;
+  font-size: 36px;
   vertical-align: middle;
+  float: left;
 }
 .roo-el-mask-msg div {
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 24px;
   font-weight: 500;
   z-index: 20001;
-  padding: 4px 15px;
+  padding: 0px 15px;
   color: #555555;
   display: table-cell;
   vertical-align: middle;
+  float: left;
 }
 .x-body-masked {
   overflow: hidden !important;
@@ -2394,9 +2409,6 @@ a.roo-brick-link:hover {
 .modal-dialog {
   max-width: 100%;
 }
-.modal-body > .container .col-xs-12 {
-  padding: 0;
-}
 @media (max-width: 768px) {
   .modal-body .col-md-12 {
     padding: 0;
@@ -2408,6 +2420,9 @@ a.roo-brick-link:hover {
     margin-left: -5px;
     margin-right: -5px;
   }
+  .modal-body > .container .col-xs-12 {
+    padding: 0;
+  }
 }
 .modal .roo-mb-progress-wrap {
   margin-top: 4px;
@@ -2423,6 +2438,9 @@ a.roo-brick-link:hover {
   width: 0;
   background: #337ab7;
 }
+.enable-modal-body-overflow .modal-body {
+  overflow: auto;
+}
 .roo-navigation-bar-group,
 .roo-navigation-top-bar,
 .roo-navigation-bullets-bar,
@@ -2633,6 +2651,17 @@ a.roo-brick-link:hover {
 table td .navbar {
   min-height: auto;
 }
+.navbar-collapse li {
+  list-style-type: none;
+  padding: 5px;
+}
+.navbar-collapse ul {
+  padding-left: 10px;
+  padding-top: 5px;
+}
+.navbar-collapse .dropdown-item .fa {
+  padding-right: 5px;
+}
 .roo-numberbox {
   background-color: #337ab7 !important;
   border: 10px solid black;
@@ -3441,6 +3470,7 @@ html[dir="rtl"] .roo-select2-search-choice-close {
 }
 .sidebar .sidebar-menu li.open .treeview-menu {
   display: block;
+  width: 120%;
 }
 /* --- treeview menu  */
 .sidebar .sidebar-menu .treeview-menu {
@@ -3742,7 +3772,7 @@ html.bootstrap-sticky body {
   font-weight: bold;
 }
 .box-label {
-  margin-left: 5px;
+  margin-left: 18px;
   cursor: pointer;
 }
 /* needed as menu ontop of form does not work */
@@ -3750,10 +3780,10 @@ html.bootstrap-sticky body {
   z-index: 1;
 }
 /* admin-lte - messes with checkbox and radio.. */
-.checkbox,
-.radio {
-  padding-left: 15px !important;
+/*.checkbox, .radio {
+    padding-left: 15px !important;
 }
+*/
 /* inside a column it needs even more padding...*/
 /*
 * It breaks all the checkbox layout. comment it first...