모바일css 수정

mobile-src/src/theme/global.scss

@@ -119,7 +119,9 @@ ion-list.item-list {
             h3 {
                 font-size: 1rem;
                 color: var(--sgc-color-primary-50);
-
+                ion-badge {
+                    vertical-align: middle;
+                }
             }
         }
     }

mobile-src/src/views/po/PoRoomRevPage.vue

@@ -3,19 +3,21 @@
 		<sgc-page :title="title" :useRefresh="true" :toolbars="toolbars" @sgcRefresh="onSearch">
 			<form novalidate @submit.prevent="onSearch">
         <ion-list class="item-form">
-          <sgc-item-input
+					<div class="ion-justify-content-center ion-align-items-center">
+						<ion-button slot="start" type="button" size="small" color="primary" @click="setDate('PREV')">
+							{{$t('ROOM.BTN_PREV')}}
+						</ion-button>
+						<sgc-item-input
             type="datetime"
             :required="true"
             v-model="searchModel.reYyyymmdd"
             @sgcChange="onSearch()"
-            ref="reYyyymmdd">
-						<ion-button slot="start" type="button" size="small" color="primary" @click="setDate('PREV')">
-							{{$t('ROOM.BTN_PREV')}}
-						</ion-button>
+            ref="reYyyymmdd"
+						></sgc-item-input>
 						<ion-button slot="end" type="button" size="small" color="primary" @click="setDate('NEXT')">
-							{{$t('ROOM.BTN_NEXT')}}
+						{{$t('ROOM.BTN_NEXT')}}
 						</ion-button>
-					</sgc-item-input>
+					</div>
 				</ion-list>
 			</form>
 			<sgc-loading :loadStatus="loadStatus" loadType="list">
@@ -463,5 +465,7 @@ div.table-wrap {
 		}
 	}
 }
-</style>
-
+div.ion-justify-content-center {
+	display: flex;
+}
+</style>