From 02116e36828a5bba5b2ba4dfc8de761566566a6b Mon Sep 17 00:00:00 2001
From: Tony Yang <t510599@gmail.com>
Date: Tue, 2 Feb 2021 13:57:05 +0800
Subject: [PATCH] [Style] keep horizontal padding consistent Keep horizontal
 padding consistent in different section

---
 src/assets/scss/news/agenda.scss   | 19 ++++++++++---------
 src/assets/scss/news/schedule.scss | 13 +++++++++++--
 2 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/src/assets/scss/news/agenda.scss b/src/assets/scss/news/agenda.scss
index c865f13..c5808de 100644
--- a/src/assets/scss/news/agenda.scss
+++ b/src/assets/scss/news/agenda.scss
@@ -22,15 +22,16 @@ $max-width-small-3: 360px;
 // .info-container
 @mixin infoContainer() {
   max-width: 80%;
-  // padding-left: 7%;
-  @media only screen and (max-width: $max-width-small-0) {
-    // width: 89%;
-    max-width: 100%;
-    padding-left: 40px;
-    padding-right: 40px;
+  @media screen and (max-width: 1365px) {
+    margin: 0 120px;
   }
-  @media only screen and (max-width: $max-width-small-1) {
-    // width: 89%;
+
+  @media screen and (max-width: 1023px) {
+    margin: 0 100px;
+  }
+  
+  @media screen and (max-width: $max-width-small-0) {
+    margin: 0;
     max-width: 100%;
     padding-left: 40px;
     padding-right: 40px;
@@ -367,7 +368,7 @@ $max-width-small-3: 360px;
 
   &-container {
     @include infoContainer();
-    margin: 0 auto;
+    margin: 0 280px;
     // float: left;
   }
 
diff --git a/src/assets/scss/news/schedule.scss b/src/assets/scss/news/schedule.scss
index a3baedc..557f222 100644
--- a/src/assets/scss/news/schedule.scss
+++ b/src/assets/scss/news/schedule.scss
@@ -7,7 +7,7 @@
 #news-schedule {
   position: relative;
   max-width: 80vw;
-  margin: 0 auto;
+  margin: 0 280px;
 
   font-family: $fontFamily;
   font-size: 15pt;
@@ -94,8 +94,16 @@
   font-weight: 900;
 }
 
-@include md {
+@media screen and (max-width: 1365px) {
   #news-schedule {
+    margin: 0 120px;
+  }
+}
+
+@media screen and (max-width: 1023px) {
+  #news-schedule {
+    margin: 0 100px;
+
     #presentation-example,
     #espresso-example {
       margin-bottom: unset;
@@ -110,6 +118,7 @@
 
 @media screen and (max-width: $max-width-small-0) {
   #news-schedule {
+    margin: 0;
     max-width: 100vw;
     padding: 0 40px;
     font-size: 11pt;