Fix: revise margin, span

src/web/module/home_section.html

@@ -42,7 +42,8 @@ function experienceMaestro() {
 	<div class="px-5 py-4 mb-3" style="background-color: #ffce54">
 		<h1 class="display-3 font-weight-bold">마우스 타자 연습<span class="display-4">, 학생</span></h1>
 
-		<p>방과후 컴퓨터 강사를 하며, 아직 컴퓨터 사용이 익숙하지 않은 학생들을 위해 준비한 서비스입니다.<br/>학생들이 좋아할만한 여러 가지 앱들을 준비했습니다. 재미있게 플레이하면서 자연스럽게 마우스 사용법과 타자를 배우고 익히게 됩니다.</p>
+		<p>아직 마우스와 타자가 익숙하지 않으신가요?<br/>
+		✓ 재미있게 플레이 하는 동안에 실력이 쑥쑥 늘어나는 앱들이 여기에 있습니다.</p>
 		<hr class="mt-4">
 
 		<div class="row justify-content-center">
@@ -80,16 +81,18 @@ function experienceMaestro() {
 	<div class="px-5 py-4" style="background-color: #99ccff">
 		<h1 class="display-3 font-weight-bold">마에스트로<span class="display-4">, 관리자</span></h1>
 
-		<p>마에스트로 계정을 등록하시면 학생 목록을 등록하고 관리하실 수 있습니다. 학생들이 플레이 할 수 있는 앱의 목록도 편집이 가능합니다.<br/>등록된 학생들은 추가적인 마우스, 타자 연습 앱을 모두 사용할 수 있게 됩니다. 추가적으로 연습 앱을 플레이한 점수와 타수 등의 기록이 서버에 저장되고 내역을 확인할 수 있게 됩니다.</p>
+		<p>마에스트로 유료 계정을 등록하세요.<br/>
+		✓ 모든 마우스, 타자 연습 앱을 수업에 활용하세요. 필요한 앱들만 학생들에게 열어주는 활성화/비활성화 기능도 제공됩니다.<br/>
+		✓ 등록된 학생들이 플레이한 점수와 타수와 순위가 서버에 저장되고 보여집니다. 친구들과 함께 플레이하며 자신의 실력이 향상되는 것을 느끼게 해 주세요.</p>
 		<hr class="mt-4">
 
 		<div class="row justify-content-center">
 			<div class="col-4">
 				<h5>마에스트로 관리 기능</h5>
 				<ul>
-					<li>학생 등록 및 삭제</li>
+					<li>모든 앱 사용 가능, 앱 활성화 설정</li>
-					<li>학생 정보 수정</li>
+					<li>학생 목록 관리</li>
-					<li>앱 활성화 / 비활성화</li>
+					<li>학생 점수 타수 서버 저장, 순위 표시</li>
 					<li class="d-none">랭킹</li>
 					<li class="d-none">기록</li>
 		 		</ul>

src/web/module/maestro_section_main.html

@@ -44,7 +44,7 @@ function showEndDate(date) {
 
 function onLoadSuccessMaestroInfo() {
 	$("#maestro_info_id").html(
-		"등록 학생 앱 실행 - 바로가기 URL :<br/>"
+		"<span class='text-secondary'>등록 학생 앱 <span class='font-weight-bold'>바로 실행 URL</span> :</span><br/>"
 		+ "http://www.chocomae.com/mae/" + maestroInfo.maestroName
 	);
 	showEndDate(maestroInfo.availableActivateDateTime);
@@ -150,7 +150,7 @@ function deactivateApp(appID) {
 
 
 <div class="container py-3">
-	<div class="row border border-primary rounded py-2 mx-0 mb-2">
+	<div class="row border rounded border-dark py-2 mx-0 mb-3">
 		<div id="maestro_info_id" class="col-sm pr-0 my-auto"></div>
 		<!-- <div id="maestro_url" class="col my-auto"></div> -->
 		<div id="maestro_count_down_date" class="col-sm-2 px-0 my-auto mx-1 text-center"></div>
@@ -168,8 +168,8 @@ function deactivateApp(appID) {
 
 	</div>	<!-- row border -->
 
-	<div class="row mx-1">
+	<div class="row mx-0">
-		<div class="col">
+		<div class="col px-0">
 			<div id="message_box"></div>
 		</div>
 	</div>

src/web/module/maestro_section_register.html

@@ -219,7 +219,7 @@ $('#myTab a').on('click', function (e) {
 </div>
 
 
-<div class="container">
+<div class="container py-3">
 
 	<ul class="nav nav-tabs" id="myTab" role="tablist">
 		<li class="nav-item disabled">
@@ -298,7 +298,7 @@ $('#myTab a').on('click', function (e) {
 
 			</div>
 
-			<div class="px-5 py-4 my-3" style="background-color: #ffdddd">
+			<div class="px-5 py-4 mt-3" style="background-color: #ffdddd">
 				<h4>약관 주요 내용 요약</h4>
 
 				<p style="text-align: right;">마지막 갱신 : 2018년 6월 26일</p>
@@ -321,7 +321,7 @@ $('#myTab a').on('click', function (e) {
 
 		<div class="tab-pane fade" id="check" role="tabpanel" aria-labelledby="check-info">
 
-			<div class="px-5 py-4 my-3" style="background-color: #99ccff">
+			<div class="px-5 py-4 mt-3" style="background-color: #99ccff">
 				<h4 class="mb-4">신청 정보 확인</h4>
 
 				<form class="mx-4">
@@ -402,7 +402,7 @@ $('#myTab a').on('click', function (e) {
 
 			</div>
 
-			<div class="px-5 py-4 my-3" style="background-color: #ddffff">
+			<div class="px-5 py-4 mt-3" style="background-color: #ddffff">
 				<h4>계정 활성화 안내</h4>
 
 				<ul>

src/web/module/maestro_setup.html

@@ -235,9 +235,9 @@ function changeMaestroPassword() {
 
 
 <div class="container py-3">
-	<div class="row border border-primary rounded py-2 mx-0 mb-2">
+	<div class="row border rounded border-dark py-2 mx-0 mb-3">
 		<div id="maestro_info_id" class="col-sm pl-2 my-auto">
-			<a class="btn btn-primary" href="javascript:void(0);" onClick="goHome()">< 마에스트로 [홈]</a>
+			<a class="btn btn-dark text-warning" href="javascript:void(0);" onClick="goHome()">< 마에스트로 [홈]</a>
 		</div>
 		<div id="maestro_count_down_date" class="col-sm-2 px-0 my-auto mx-1 text-center"></div>
 

src/web/module/maestro_upgrade.html

@@ -172,9 +172,9 @@ function upgradeMaestroInfo(accountType) {
 
 
 <div class="container py-3">
-	<div class="row border border-primary rounded py-2 mx-0 mb-2">
+	<div class="row border rounded border-dark py-2 mx-0 mb-3">
 		<div id="maestro_info_id" class="col-sm pl-2 my-auto">
-			<a class="btn btn-primary" href="javascript:void(0);" onClick="goHome()">< 마에스트로 [홈]</a>
+			<a class="btn btn-dark text-warning" href="javascript:void(0);" onClick="goHome()">< 마에스트로 [홈]</a>
 		</div>
 		<div id="maestro_count_down_date" class="col-sm-2 px-0 my-auto mx-1 text-center"></div>