Fix: change tab order - help is the first menu

src/web/module/maestro_section_main.html

@@ -180,7 +180,11 @@ function deactivateApp(appID) {
 		<div class="card-header">
 			<ul class="nav nav-tabs card-header-tabs" id="myTab" role="tablist">
 				<li class="nav-item">
-					<a class="nav-link active" id="add-tab" data-toggle="tab" href="#add" role="tab" aria-controls="add" aria-selected="true">학생 목록</a>
+					<a class="nav-link active" id="help-tab" data-toggle="tab" href="#help" role="tab" aria-controls="help" aria-selected="false">도움말</a>
+				</li>
+
+				<li class="nav-item">
+					<a class="nav-link" id="add-tab" data-toggle="tab" href="#add" role="tab" aria-controls="add" aria-selected="true">학생 목록</a>
 				</li>
 
 				<li class="nav-item">
@@ -194,17 +198,17 @@ function deactivateApp(appID) {
 				<li class="nav-item">
 					<a class="nav-link" id="app-setting-tab" data-toggle="tab" href="#app-setting" role="tab" aria-controls="app-setting" aria-selected="false">앱 설정</a>
 				</li>
-
-				<li class="nav-item">
-					<a class="nav-link" id="help-tab" data-toggle="tab" href="#help" role="tab" aria-controls="help" aria-selected="false">도움말</a>
-				</li>
 			</ul>	<!-- 탭 -->
 		</div>	<!-- card header -->
 
 		<div class="card-body" id="myTabContent">
 			<div class="tab-content" id="myTabContent">
 
-				<div class="tab-pane fade show active mt-3" id="add" role="tabpanel" aria-labelledby="add-tab">
+				<div class="tab-pane fade show active mt-3" id="help" role="tabpanel" aria-labelledby="help">
+					<div id="section_help"></div>
+				</div>
+
+				<div class="tab-pane fade mt-3" id="add" role="tabpanel" aria-labelledby="add-tab">
 					<div id="section_add_player"></div>
 				</div>
 
@@ -220,10 +224,6 @@ function deactivateApp(appID) {
 					<div id="section_app_setting"></div>
 				</div>
 
-				<div class="tab-pane fade mt-3" id="help" role="tabpanel" aria-labelledby="help">
-					<div id="section_help"></div>
-				</div>
-
 			</div>	<!-- tab-content -->
 		</div>	<!-- card-body -->