Made collapsing and expanding the panes in the developmer-mode panels…

… more intuitive
ubports · Dec 5, 2017 · 6948fa2 · 6948fa2
1 parent 39e9189
commit 6948fa2
Showing 1 changed file with 5 additions and 10 deletions.
diff --git a/src/html/modals/developer-mode.ejs b/src/html/modals/developer-mode.ejs
@@ -7,12 +7,10 @@
       </div>
       <div class="modal-body">
         <div class="panel-group" id="accordion" role="tablist">
-          <div class="panel panel-default">
+          <div class="panel panel-default" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseUbuntu">
             <div class="panel-heading" role="tab">
               <h4 class="panel-title">
-                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseUbuntu" aria-expanded="true">
-                  Ubuntu Touch
-                </a>
+                <p>Ubuntu Touch</p>
               </h4>
             </div>
             <div id="collapseUbuntu" class="panel-collapse collapse in" role="tabpanel">
@@ -41,20 +39,18 @@
               </div>
             </div>
           </div>
-          <div class="panel panel-default">
+          <div class="panel panel-default" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseAndroid">
             <div class="panel-heading" role="tab">
               <h4 class="panel-title">
-                <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseAndroid">
-                  Android
-                </a>
+                <p>Android</p>
               </h4>
             </div>
             <div id="collapseAndroid" class="panel-collapse collapse" role="tabpanel">
               <div class="panel-body">
                 <div class="row">
                   <div class="col-xs-6">
                     <p>
-                      This is done from the android settings menu. <br />
+                      This is done from System Settings. <br />
                     </p>
                     <ol type="1">
                       <li>
@@ -78,7 +74,6 @@
                     <img src="../screens/android-dev-mode.gif" style="width: 100%">
                   </div>
                 </div>
-
               </div>
             </div>
           </div>