Commit 8256139f206c3346642065fa9b240e8f45c59fcd
1 parent
0ab3b2b0a1
Exists in
master
minor change
Showing
2 changed files
with
29 additions
and
3 deletions
Show diff stats
css/custom.css
| ... | ... | @@ -879,6 +879,12 @@ stroke-dashoffset:0 |
| 879 | 879 | text-align: center; |
| 880 | 880 | } |
| 881 | 881 | |
| 882 | +.tablewidth{ | |
| 883 | + width:600px; | |
| 884 | + margin:auto; | |
| 885 | + padding: 0 0 0 10px; | |
| 886 | +} | |
| 887 | + | |
| 882 | 888 | |
| 883 | 889 | /*quiz*/ |
| 884 | 890 | .q-card-align div{ |
| ... | ... | @@ -932,6 +938,11 @@ stroke-dashoffset:0 |
| 932 | 938 | .card-align{ |
| 933 | 939 | margin: auto; |
| 934 | 940 | } |
| 941 | + .tablewidth{ | |
| 942 | + width:100%; | |
| 943 | + margin:auto; | |
| 944 | + padding: 0 0 0 10px; | |
| 945 | + } | |
| 935 | 946 | |
| 936 | 947 | } |
| 937 | 948 | |
| ... | ... | @@ -1129,6 +1140,11 @@ input.hidden { |
| 1129 | 1140 | } |
| 1130 | 1141 | |
| 1131 | 1142 | @media (max-width: 768px){ |
| 1143 | + .tablewidth{ | |
| 1144 | + width:100%; | |
| 1145 | + margin:auto; | |
| 1146 | + padding: 0 0 0 10px; | |
| 1147 | + } | |
| 1132 | 1148 | .cards-content{ |
| 1133 | 1149 | margin-top: 15px; |
| 1134 | 1150 | margin-bottom: 30px; |
| ... | ... | @@ -1650,7 +1666,7 @@ table { |
| 1650 | 1666 | margin-bottom: 2%; |
| 1651 | 1667 | } |
| 1652 | 1668 | .card-color-confirm{ |
| 1653 | - margin-top: 40%; | |
| 1669 | + /* margin-top: 40%; */ | |
| 1654 | 1670 | background-color: #f5f5f5; |
| 1655 | 1671 | font-size: 16px; |
| 1656 | 1672 | width:100%; |
| ... | ... | @@ -1687,6 +1703,11 @@ table { |
| 1687 | 1703 | } |
| 1688 | 1704 | |
| 1689 | 1705 | @media screen and (max-device-width: 991px) and (orientation: landscape){ |
| 1706 | + .tablewidth{ | |
| 1707 | + width:100%; | |
| 1708 | + margin:auto; | |
| 1709 | + padding: 0 0 0 10px; | |
| 1710 | + } | |
| 1690 | 1711 | .rotate-card{ |
| 1691 | 1712 | width: 100%; |
| 1692 | 1713 | } |
| ... | ... | @@ -1699,4 +1720,9 @@ table { |
| 1699 | 1720 | width:130px;display: block; |
| 1700 | 1721 | margin: auto; |
| 1701 | 1722 | } |
| 1723 | + .tablewidth{ | |
| 1724 | + width:100%; | |
| 1725 | + margin:auto; | |
| 1726 | + padding: 0 0 0 10px; | |
| 1727 | + } | |
| 1702 | 1728 | } |
| 1703 | 1729 | \ No newline at end of file | ... | ... |
pages/confirm.html
| ... | ... | @@ -30,7 +30,7 @@ |
| 30 | 30 | |
| 31 | 31 | |
| 32 | 32 | <!-- <div style="font-size:18px;text-align:center;margin-bottom: 3%;"><b>BOOKING ID: <b><%=detail.id%></b></div> --> |
| 33 | - <table style="width:600px; margin:auto;padding: 0 0 0 10px;"> | |
| 33 | + <table class="tablewidth"> | |
| 34 | 34 | <tr> |
| 35 | 35 | <th style="text-align: left;width: 33.3%;">NAME</th> |
| 36 | 36 | <th style="text-align: left;width: 33.3%;">TIME</th> |
| ... | ... | @@ -52,7 +52,7 @@ |
| 52 | 52 | <td style="text-align: left;width: 33.3%;"></td> |
| 53 | 53 | </tr> |
| 54 | 54 | </table> |
| 55 | - <table style="width:600px; margin:auto; padding:20px 10px;"> | |
| 55 | + <table class="tablewidth" style="padding:20px 10px;"> | |
| 56 | 56 | <tr> |
| 57 | 57 | <th style="text-align: left;width: 50%;">TICKET SUMMARY</th> |
| 58 | 58 | <th style="text-align: right;width: 50%;">PRICE</th> | ... | ... |