css: fixed checkbox positioning inside listview inside panel

css/themes.css

@@ -1702,20 +1702,21 @@ html .ui-listview li div.ui-checkbox {
     width: 2.5em;
     z-index: 2;
 }
-html .ui-listview li div.ui-radio label,
-html .ui-listview li div.ui-checkbox label {
+html body .ui-listview li div.ui-radio label.ui-btn,
+html body .ui-listview li div.ui-checkbox label.ui-btn {
   border-radius: .375em;
   height: 100%;
   width: auto;
 }
-html .ui-listview li div.ui-radio,
-html .ui-listview li div.ui-radio label,
-html .ui-listview li div.ui-checkbox,
-html .ui-listview li div.ui-checkbox label {
+html body .ui-listview li div.ui-radio,
+html body .ui-listview li div.ui-radio label.ui-btn,
+html body .ui-listview li div.ui-checkbox,
+html body .ui-listview li div.ui-checkbox label.ui-btn {
   border-radius: 0;
   -webkit-border-radius: 0;
-  border-top-width: 1px;
-  border-bottom-width: 0;
+  /* border-bottom-width: 0; */
+  border-width: 0;
+  border-left-width: 1px;
 }
 html .ui-listview li.ui-first-child div.ui-radio,
 html .ui-listview li.ui-first-child div.ui-radio label,
@@ -1727,7 +1728,7 @@ html .ui-listview li.ui-first-child div.ui-checkbox label {
 html .ui-listview li.ui-last-child div.ui-radio,
 html .ui-listview li.ui-last-child div.ui-radio label,
 html .ui-listview li.ui-last-child div.ui-checkbox,
-html .ui-listview li.ui-last-child div.ui-checkbox label{
+html .ui-listview li.ui-last-child div.ui-checkbox label {
   border-bottom-right-radius: inherit;
   -webkit-border-bottom-right-radius: inherit;
   border-bottom-width: 1px;
@@ -1740,6 +1741,13 @@ html .ui-listview li .ui-checkbox .ui-btn.ui-checkbox-on:after,
 html .ui-listview li .ui-checkbox .ui-btn.ui-checkbox-off:after {
   margin: -14px -10px 0;
 }
+/* and inside panel.... TODO: remove...*/
+html .ui-panel .ui-listview li .ui-radio .ui-btn.ui-radio-on:after,
+html .ui-panel .ui-listview li .ui-radio .ui-btn.ui-radio-off:after,
+html .ui-panel .ui-listview li .ui-checkbox .ui-btn.ui-checkbox-on:after,
+html .ui-panel .ui-listview li .ui-checkbox .ui-btn.ui-checkbox-off:after {
+  margin: -9px -8px 0;
+}
 
 /* custom icons */
 .ui-listview li span.ui-li-icon-custom {
@@ -1790,8 +1798,8 @@ html .ui-listview li .ui-checkbox .ui-btn.ui-checkbox-off:after {
 /* reset */
 .ui-nosvg .ui-radio .ui-btn.ui-radio-on:after,
 .ui-nosvg .ui-radio .ui-btn.ui-radio-off:after,
-.ui-checkbox .ui-btn.ui-checkbox-on:after,
-.ui-checkbox .ui-btn.ui-checkbox-off:after {
+.ui-nosvg .ui-checkbox .ui-btn.ui-checkbox-on:after,
+.ui-nosvg .ui-checkbox .ui-btn.ui-checkbox-off:after {
   background: 0 none;
   background-image: none;
   margin: -11px 2px 0;