From 8256139f206c3346642065fa9b240e8f45c59fcd Mon Sep 17 00:00:00 2001
From: Shilpi <shilpi.saini@viithiisys.com>
Date: Wed, 21 Aug 2019 10:43:57 +0530
Subject: [PATCH] minor change

---
 css/custom.css     | 28 +++++++++++++++++++++++++++-
 pages/confirm.html |  4 ++--
 2 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/css/custom.css b/css/custom.css
index 2159237..403698a 100755
--- a/css/custom.css
+++ b/css/custom.css
@@ -879,6 +879,12 @@ stroke-dashoffset:0
     text-align: center;
 }
 
+.tablewidth{
+  width:600px; 
+  margin:auto;
+  padding: 0 0 0 10px;
+}
+
 
 /*quiz*/
 .q-card-align div{
@@ -932,6 +938,11 @@ stroke-dashoffset:0
   .card-align{
     margin: auto;
   }
+  .tablewidth{
+    width:100%; 
+    margin:auto;
+    padding: 0 0 0 10px;
+  }
 
 }
 
@@ -1129,6 +1140,11 @@ input.hidden {
 }
 
   @media (max-width: 768px){
+    .tablewidth{
+      width:100%; 
+      margin:auto;
+      padding: 0 0 0 10px;
+    }
     .cards-content{
       margin-top: 15px;
       margin-bottom: 30px;
@@ -1650,7 +1666,7 @@ table {
       margin-bottom: 2%;
     }
     .card-color-confirm{
-      margin-top: 40%;
+      /* margin-top: 40%; */
       background-color: #f5f5f5;
       font-size: 16px;
       width:100%;
@@ -1687,6 +1703,11 @@ table {
 }
 
   @media screen and (max-device-width: 991px) and (orientation: landscape){
+    .tablewidth{
+      width:100%; 
+      margin:auto;
+      padding: 0 0 0 10px;
+    }
     .rotate-card{
       width: 100%;
     }
@@ -1699,4 +1720,9 @@ table {
       width:130px;display: block;
       margin: auto;
     }
+    .tablewidth{
+      width:100%; 
+      margin:auto;
+      padding: 0 0 0 10px;
+    }
 }
\ No newline at end of file
diff --git a/pages/confirm.html b/pages/confirm.html
index f6f9f13..ce4a422 100644
--- a/pages/confirm.html
+++ b/pages/confirm.html
@@ -30,7 +30,7 @@
 
 
     <!-- <div style="font-size:18px;text-align:center;margin-bottom: 3%;"><b>BOOKING ID: <b><%=detail.id%></b></div>       -->
-    <table style="width:600px; margin:auto;padding: 0 0 0 10px;">
+    <table class="tablewidth">
       <tr>
         <th style="text-align: left;width: 33.3%;">NAME</th>
         <th style="text-align: left;width: 33.3%;">TIME</th>
@@ -52,7 +52,7 @@
         <td style="text-align: left;width: 33.3%;"></td>
       </tr>
     </table>
-	<table style="width:600px; margin:auto; padding:20px 10px;">
+	<table class="tablewidth" style="padding:20px 10px;">
       <tr>
         <th style="text-align: left;width: 50%;">TICKET SUMMARY</th>
         <th style="text-align: right;width: 50%;">PRICE</th>
-- 
2.0.0