From bf8438e6bf16e82694e2f76b0b2e677909aba853 Mon Sep 17 00:00:00 2001
From: RainSun <zhaoyingbo@live.cn>
Date: Fri, 21 Feb 2020 09:17:44 +0800
Subject: [PATCH] fix search autocompulete menu display problem

---
 src/App.vue                 | 7 +++++--
 src/views/Detail/Detail.vue | 5 ++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 2f40c85..e7ac112 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -134,7 +134,10 @@ button {
 	margin-top: -2.5rem;
 	margin-left: -2.5rem;
 }
-.md-menu-content-bottom-start {
-	left: 0.2rem !important;
+
+@media screen and (max-width: 500px) {
+    .md-autocomplete-box-content {
+    	left: .2rem !important;
+    }
 }
 </style>
diff --git a/src/views/Detail/Detail.vue b/src/views/Detail/Detail.vue
index 05fb06e..2dc8f12 100644
--- a/src/views/Detail/Detail.vue
+++ b/src/views/Detail/Detail.vue
@@ -4,7 +4,10 @@
 			<md-app-toolbar class="md-primary toolbar">
 				<div class="md-toolbar-section-start">
 					<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
-					<h3 class="md-title" style="flex: 1">{{id_cache?'Edit':'Add New Code'}}</h3>
+					<h3 class="md-title" style="flex: 1">Detail</h3>
+				</div>
+				<div class="md-toolbar-section-end">
+					<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
 				</div>
 			</md-app-toolbar>