From 33ae0f641215dd7b357af5b899bc38a832d6e19a Mon Sep 17 00:00:00 2001
From: Gerome Matilla <gerome.matilla07@gmail.com>
Date: Thu, 11 Jun 2020 08:31:23 +0800
Subject: [PATCH] cleanup and center phrases horizontally

---
 css/auto-suggestion.css | 6 +++---
 css/base.css            | 2 ++
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/css/auto-suggestion.css b/css/auto-suggestion.css
index f600d92..9688229 100644
--- a/css/auto-suggestion.css
+++ b/css/auto-suggestion.css
@@ -98,9 +98,9 @@
 	/*The Li*/
 	#phrase {
 		/*Always stack and center horizontally*/
-		display: inline-block !important;
-		width: auto !important;
-	  	text-align: center !important;
+	  	display: table-cell;
+		width: auto;
+	  	text-align: center;
 
 	  	justify-content: space-between !important;
 	  	
diff --git a/css/base.css b/css/base.css
index 980e96b..c70fb5c 100644
--- a/css/base.css
+++ b/css/base.css
@@ -19,6 +19,8 @@
 }
 
 * {
+	box-sizing: border-box;
+	
 	/*Font rendering*/
 	-webkit-font-smoothing: antialiased !important;
 	-moz-osx-font-smoothing: grayscale !important;