Fix: nav -> card nav

src/web/module/maestro_section_main.html

@@ -49,12 +49,6 @@ function showEndDate(date) {
 
 
 function onLoadSuccessMaestroInfo() {
-	/*
-	$("#maestro_info_id").html(
-		"<span class='text-secondary'>등록 학생 앱 <span class='font-weight-bold'>바로 실행 URL</span> :</span><br/>"
-		+ "http://www.chocomae.com/login/" + maestroInfo.maestroName
-	);
-	*/
 	showEndDate(maestroInfo.availableActivateDateTime);
 	$("#maestro_info_player_count").val("학생수 : " + maestroInfo.getRegisteredPlayerCount() + " / " + maestroInfo.getMaxPlayerCount());
 
@@ -182,7 +176,9 @@ function deactivateApp(appID) {
 		</div>
 	</div>
 
-	<ul class="nav nav-tabs" id="myTab" role="tablist">
+	<div class="card">
+		<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>
 				</li>
@@ -195,15 +191,6 @@ function deactivateApp(appID) {
 					<a class="nav-link" id="app-activation-tab" data-toggle="tab" href="#app-activation" role="tab" aria-controls="activation" aria-selected="false">앱 활성화</a>
 				</li>
 
-<!--
-		<li class="nav-item">
-			<a class="nav-link" id="mouse-tab" data-toggle="tab" href="#mouse" role="tab" aria-controls="mouse" aria-selected="false">마우스 앱 활성화</a>
-		</li>
-
-		<li class="nav-item">
-			<a class="nav-link" id="typing-tab" data-toggle="tab" href="#typing" role="tab" aria-controls="typing" aria-selected="false">타자 앱 활성화</a>
-		</li>
--->
 				<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>
@@ -212,10 +199,11 @@ function deactivateApp(appID) {
 					<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="add" role="tabpanel" aria-labelledby="add-tab">
 					<div id="section_add_player"></div>
 				</div>
@@ -228,15 +216,6 @@ function deactivateApp(appID) {
 					<div id="section_app_activation"></div>
 				</div>
 
-<!--
-		<div class="tab-pane fade mt-3" id="mouse" role="tabpanel" aria-labelledby="mouse-tab">
-			<div id="mouse_app_list"></div>
-		</div>
-
-		<div class="tab-pane fade mt-3" id="typing" role="tabpanel" aria-labelledby="typing-tab">
-			<div id="typing_app_list"></div>
-		</div>
--->
 				<div class="tab-pane fade mt-3" id="app-setting" role="tabpanel" aria-labelledby="app-setting-tab">
 					<div id="section_app_setting"></div>
 				</div>
@@ -245,6 +224,7 @@ function deactivateApp(appID) {
 					<div id="section_help"></div>
 				</div>
 
-	</div>
+			</div>	<!-- tab-content -->
+		</div>	<!-- card-body -->
 
- </div> <!-- container -->
+ </div> <!-- card -->