공지사항 팝업수정

src/main/webapp/mobile/app/main.html

@@ -110,21 +110,23 @@
 				<div class="itp_note_header">
 					<h1>> 공지사항</h1>
 				</div>
-				<div id="ITP_MODAL_NOTE_INFO" class="itp_note_popup modal itp_modal" style="display:none">
+				<div id="ITP_MODAL_NOTE_INFO" class="itp_note_popup modal itp_modal" style="display: none">
 					<div class="popup_note">
 						<div class="header">
 							<div class="header_left">
-								<label>매장</label>
+								<label>공지사항</label>
 							</div>
 							<div class="header_right">
 								<button type="button" id="ITP_BTN_MAIN_POP_NOTE_CLOSE"><img src="../img/close.png"></button>
 							</div>
 						</div>
 						<div class="itp_pop_note_area">
-							<div class="itp_note_title">
-								<label>공지제목</label>
-								<span>:</span>
-								<div class="fnNoteNm">fasdddddddddddddddddddddddddddddddddddd</div>
+							<div style="display:flex;">
+								<div class="itp_note_title">
+									<label>공지제목</label>
+									<span>:</span>
+									<div class="fnNoteNm">fasdddddddddddddddddddddddddddddddddddd</div>
+								</div>
 							</div>
 							<div class="itp_pop_note_content">
 								<div class="fnNote">fasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasd</div>
@@ -287,18 +289,12 @@
 				<div id="ITP_MAIN_DRAW_CHART_CORE" class="itp_graph_area">
 					<div class="itp_graph_header">
 						<label>정 산</label>
-						<select>
-							<option>가나다라마바사아</option>
-						</select>
 					</div>
 					<div id="ITP_STTL_GRAPH"></div>
 				</div>
 				<div id="ITP_MAIN_DRAW_LINE" class="itp_graph_area">
 					<div class="itp_graph_header">
 						<label>안전재고</label>
-						<select>
-							<option>가나다라마바사아</option>
-						</select>
 					</div>
 					<div id="ITP_SAFE_STCK_GRAPH"></div>
 				</div>

src/main/webapp/mobile/css/style.css

@@ -671,7 +671,7 @@ button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background:
 #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info span{width:14px;}
 #ITP_MAIN_CONTAINER .itp_oper_info_area .itp_oper_info div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align: right; width:calc(100% - 114px);}
 #ITP_MAIN_CONTAINER .itp_graph_area {width:98%; height:300px; border:1px solid #aaa; margin:5px 1%;}
-#ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header {width:220px; margin:5px;}
+#ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header {width:160px; margin:5px;}
 #ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header label {width:80px; font-size:14pt; text-align:left;}
 #ITP_MAIN_CONTAINER .itp_graph_area .itp_graph_header select {}
 #ITP_MAIN_CONTAINER #ITP_GRAPH_INFO {height:265px;}
@@ -685,7 +685,7 @@ button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background:
 .itp_note_popup .popup_note .header .header_right button {border: none; background: transparent; margin:3px -5px;}
 .itp_note_popup .popup_note .header .header_right button img {width:22px;}
 .itp_note_popup .popup_note .itp_pop_note_area {background:#fff; height:70vh; border:1px solid #000; border-top:none;}
-.itp_note_popup .popup_note .itp_pop_note_area .itp_note_title { display:flex; padding:10px; width:85%; height:45px;}
+.itp_note_popup .popup_note .itp_pop_note_area .itp_note_title { display:flex; padding:10px; width:110%; height:45px;}
 .itp_note_popup .popup_note .itp_pop_note_area .itp_note_title label {width:60px; font-size:12pt;}
 .itp_note_popup .popup_note .itp_pop_note_area .itp_note_title span {width:10px;}
 .itp_note_popup .popup_note .itp_pop_note_area .itp_note_title div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; width:calc(100% - 70px);}