diff --git a/src/components/PlaneStatus.vue b/src/components/PlaneStatus.vue
index 1557e42..3be393f 100644
--- a/src/components/PlaneStatus.vue
+++ b/src/components/PlaneStatus.vue
@@ -26,7 +26,7 @@
       <PublicTag icon="icon-gaodu" :val="plane.planeState.fixType" unit="" state="danger" />
     </el-col>
     <el-col :span="2">
-      <PublicTag icon="icon-gaodu" val="50" unit="米" state="danger" />
+      <PublicTag icon="icon-gaodu" :val="plane.planeState.batteryRemaining" unit="米" state="danger" />
     </el-col>
   </el-row>
 </template>
diff --git a/src/views/login.vue b/src/views/login.vue
index 34967bb..fcf6ad0 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -1,6 +1,6 @@
 <template>
-  <div class="login-container">
-    <div class="title-container f-s-32 fb m-t-20 m-l-20 l-h-32">
+  <div class="login-container flex column mc">
+    <div class="title-container fb l-h-32">
       <img src="@/assets/logo.png" class="m-r-15">
       <font class="f1 f-s-22">飞行魔方</font>
       <font class="f2 f-s-10 m-l-5" style="vertical-align :top">v.1.0.1</font>
@@ -9,8 +9,8 @@
       <h3 class="f-s-30 m-b-15 fc">Authorize</h3>
       <el-form-item prop="username">
         <span class="svg-container"><i class="iconfont icon-yonghuziliao f-s-24"></i></span>
-        <el-input ref="username" class="usernameBox" v-model="loginForm.username" placeholder="用户" name="username" type="text" tabindex="1"
-          auto-complete="on" />
+        <el-input ref="username" class="usernameBox" v-model="loginForm.username" placeholder="用户" name="username"
+          type="text" tabindex="1" auto-complete="on" />
       </el-form-item>
       <el-form-item prop="password">
         <span class="svg-container">
@@ -129,9 +129,8 @@ h3 {
 
   .login-form {
     position: relative;
-    width: 520px;
-    max-width: 100%;
-    padding: 160px 35px 0;
+    max-width: 85vw;
+    width: 500px;
     margin: 0 auto;
     overflow: hidden;
   }
@@ -159,6 +158,9 @@ h3 {
 
   .title-container {
     color: $light_gray;
+    position: absolute;
+    top: 20px;
+    left: 20px;
 
     img {
       vertical-align: middle;