Merge pull request #4445 from archesproject/4357_msm_redesign

Uses arches checkboxes rather than standard checkbox style for people…
archesproject · Jan 17, 2019 · 3dff3c9 · 3dff3c9
2 parents be64d0a + 070f00f
commit 3dff3c9
Showing 1 changed file with 3 additions and 15 deletions.
diff --git a/arches/app/templates/views/mobile-survey-designer.htm b/arches/app/templates/views/mobile-survey-designer.htm
@@ -354,26 +354,14 @@ <h1 class="page-header text-overflow mobile-designer-title">
                             <!--ko if: selectedNode().cards -->
                             <!--ko foreach: {data: selectedNode().cards, as: 'card'} -->
                             <div class="checkbox">
-                                <label class="form-checkbox form-normal form-primary" style="padding-left: 25px;" data-bind="text: card.name">
-                                    <input type="checkbox" value="card.approved" data-bind="checked: card.approved"/>
+                                <label class="form-checkbox form-normal form-primary" data-bind="css: {'active': card.approved}" style="padding-left: 25px; padding-top: 3px;">
+                                    <input type="checkbox" data-bind="checked: card.approved"/>
+                                    <span data-bind="text: card.name"></span>
                                 </label>
                             </div>
                             <!--/ko-->
                             <!--/ko-->
 
-
-                             <ul style="list-style-type: none;">
-                                <!--ko if: selectedNode().cards -->
-                                <!--ko foreach: {data: selectedNode().cards, as: 'card'} -->
-                                    <li style="display:flex; align-items:center; padding">
-                                        <input type="checkbox" value="card.approved" data-bind="checked: card.approved"/>
-                                        <span data-bind="text: card.name"></span>
-                                    </li>
-                                <!--/ko-->
-                                <!--/ko-->
-                            </ul>
-
-
                         </div>
                         <!--/ko-->