From c47f81b2e0274d45eaef9bfc01118d7c19a3fa1b Mon Sep 17 00:00:00 2001
From: sdtsui <szehungdanieltsui@gmail.com>
Date: Wed, 2 Aug 2017 22:59:04 -0700
Subject: Finalize width of main container for all viewports

---
 ui/app/css/index.css | 31 +++++++++++++++++++------------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index ceeffdd27..779d0646d 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -722,7 +722,7 @@ div.message-container > div:first-child {
 }
 
 .main-container {
-  width: 100%;
+  position: absolute;
   z-index: 18;
   box-shadow: 0 0 7px 0 rgba(0,0,0,0.08);
   font-family: DIN OT;
@@ -742,16 +742,22 @@ div.message-container > div:first-child {
   }
 
   .main-container {
-    // position: absolute;
-    // margin-top: 35px;
-    // z-index: 18;
-    // box-shadow: 0 0 7px 0 rgba(0,0,0,0.08);
-    // font-family: DIN OT;
-    // display: flex;
-    // flex-wrap: wrap;
-    // align-items: stretch;
-    // overflow-y: scroll;    
-    // width: 100%;
+    margin-top: 35px;
+    width: 85%;
+  }
+}
+
+@media screen and (min-width: 769px) {
+  .main-container {
+    margin-top: 35px;
+    width: 80%;
+  }
+}
+
+@media screen and (min-width: 1281px) {
+  .main-container {
+    margin-top: 35px;
+    width: 65%;
   }
 }
 
@@ -765,7 +771,8 @@ div.message-container > div:first-child {
   }
 
   .main-container {
-    position: absolute;
     margin-top: 35px;
+    // position: relative;
+    width: 100%;
   }
 }
\ No newline at end of file
-- 
cgit