전체 크기 조정

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

@@ -49,7 +49,7 @@
 						<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 					</div>
 				</div>
-		      <div class="line">
+		      <div class="line name">
 		        <label>품목명</label>
 		        <div class="float_left">
 		          <input id="ITP_FORM_MPOMNG07010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="">

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

@@ -353,17 +353,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line label {min-width:125px; color:#898989; font-size: 12pt; float: left; text-align: left; margin-top: 7px; font-weight:100;}
 .content .line label.pay_label {margin:20px 1%; width:98%;}
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
-.content .line .itp_label_select {padding:0;width:120px; height:34px; color:#666; font-size: 14pt; float: left;  margin:3px 5px 3px 0; font-weight:100; border:1px solid #aaa; border-radius:5px;}
+.content .line .itp_label_select {padding:0;width:120px; height:26px; color:#666; font-size: 12pt; float: left;  margin:3px 5px 3px 0; font-weight:100; border:1px solid #aaa; border-radius:5px;}
 .content .line .float_left {float: left; width:168px;;}
-.content .line .float_left.name {width:62%;}
+.content .line .float_left.name {width:60%; margin-top:1px;}
 .content .line .float_left button {float:right; left:-2px; top:-2px; position:relative; background:transparent; border:none; width:26px; height:26px; padding:0;} 
 .content .line .float_left button img {width:16px;}
 .content .line .float_left input {width:100%; font-size:12pt; text-overflow:ellipsis; padding-right:22px;}
 .content .line .float_left input::placeholder {color:#bbb; font-size:10pt;}
 .content .line .float_left.note {width: 100%; padding: 10px;}
 .content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #aaa; text-align: left; font-size:14px;}
-.content .line .float_left div {font-size: 14pt; margin-top: 4px; margin-right:8px; text-align:right; font-weight:100;}
-.content .line .float_left .input_text {background: #fff; width: 100%; height: 34px; border: 1px solid #aaa; margin-top: 3px; border-radius: 4px;}
+.content .line .float_left div {font-size: 12pt; margin-top: 4px; margin-right:8px; text-align:right; font-weight:100;}
+.content .line .float_left .input_text {background: #fff; width: 100%; height: 26px; border: 1px solid #aaa; margin-top: 3px; border-radius: 4px;}
 .content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:168px;}
 .content .line .float_right_btn {float: left; margin-top: 3px; margin-left: 5px;}
 .content .line .float_right_btn button {padding:0; width:26px; height:26px; border-radius:5px; border:1px solid #aaa;}
@@ -377,14 +377,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .line_right input.mg0 {margin-right:10px;}
 .content .line .line_right input.date{width:194px; margin-right:132px; height:35px; margin-left:3px;} 
 .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
-.content .line input.date {width: 168px; height: 34px; float: left; text-align:center; font-size:14pt; background: url(../img/calender.png) 95%/18px no-repeat white}
+.content .line input.date {width: 168px; height: 26px; float: left; text-align:center; font-size:12pt; background: url(../img/calender.png) 95%/18px no-repeat white}
 .content .line input.full {width: 100%;}
 .content .line div.date_to {display:flex; width:62%; height:26px; float: left; margin-right:0px; margin-top:3px;}
 .content .line div.date_to input {font-weight:100; width:47%; height:26px; font-size:11pt; padding:0 24px 0 3px; margin:0;}
 
 .content .line div.date_to div.at {width: 6%;  font-size: 16px; padding-top:12px; float: right;}
 .content .line .search {width: 100%; height: 50px; padding-top:6px;}
-.content .line .search button {width: 40%; height: 34px; font-size: 12pt; font-weight:100; padding: 0;}
+.content .line .search button {width: 40%; height: 26px; font-size: 12pt; font-weight:100; padding: 0;}
 .content .line .search button.col_3 {width: 25%; height:34px; margin:0 10px;}
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
 .content .border {border-bottom: 1px solid #000 !important;}
@@ -398,10 +398,10 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .list_line .mail select {width:30%; height:34px; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
 .content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:12pt;}
 .content .table_header {margin-top: 6px; width: 100%; height: 20px;}
-.content .table_btn {margin-top: 6px; width: 100%; height: 38px;}
+.content .table_btn {margin-top: 6px; width: 100%; height: 30px;}
 .content .table_header h1 {margin-left: 15px; margin-top:0px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
-.content .table_btn h1 {margin-left: 15px; margin-top:16px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
-.content .table_btn button {float: right; width: 75px; height:34px; font-size: 10pt; font-weight: 100; padding:0px; margin: 0px 12px 6px 0; border-radius:15px;}
+.content .table_btn h1 {margin-left: 15px; margin-top:10px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
+.content .table_btn button {float: right; width: 75px; height:26px; font-size: 10pt; font-weight: 100; padding:0px; margin: 0px 12px 0px 0; border-radius:15px;}
 .detail_content {top: 0px; position: fixed; display:contents; z-index: 10; width:100%; background: #fff;}
 .detail_content .detail_content_fix {background: #f5f6f6; border-bottom:1px solid #E0B8AB;}
 .detail_content .detail_header {width: 330px; height: 50px; margin:0; left:50%; position:relative; transform:translateX(-50%);}