From 9d3f6680cbf7d396a2c7e18625d736267b5f4ae6 Mon Sep 17 00:00:00 2001
From: "You-Wen Liang (Mark)" <youwenliang@users.noreply.github.com>
Date: Thu, 27 Jul 2017 23:00:32 +0800
Subject: [PATCH] Update main.css

fix responsive
---
 public/main.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/public/main.css b/public/main.css
index 9c537dc6..c9be8907 100644
--- a/public/main.css
+++ b/public/main.css
@@ -720,6 +720,18 @@ tbody {
   margin-bottom: -5px;
 }
 
+@media (max-device-width: 992px), (max-width: 992px) {
+  .popup .popuptext {
+    left: auto;
+    right: -40px;
+  }
+
+  .popup .popuptext::after {
+    left: auto;
+    right: 36px;
+  }
+}
+
 @media (max-device-width: 768px), (max-width: 768px) {
   .description {
     margin: 0 auto 25px;
@@ -733,18 +745,6 @@ tbody {
     font-size: 18px;
   }
 
-  /* The actual popup (appears on top) */
-  .popup .popuptext {
-    left: auto;
-    right: -40px;
-  }
-
-  /* Popup arrow */
-  .popup .popuptext::after {
-    left: auto;
-    right: 36px;
-  }
-
   .footer {
     flex-direction: column;
     justify-content: flex-start;