invoice fixes

src/pages/_includes/cards/invoice.html

-<div class="card">
+<div class="card card-lg">
 	<div class="card-body">
 		<div class="row">
 			<div class="col-6">
@@ -24,72 +24,72 @@
 				<h1>Invoice INV/001/15</h1>
 			</div>
 		</div>
-		<div class="table-responsive">
-			<table class="table">
-				<thead>
-				<tr>
-					<th class="text-center" style="width: 1%"></th>
-					<th>Product</th>
-					<th class="text-center" style="width: 1%">Qnt</th>
-					<th class="text-right" style="width: 1%">Unit</th>
-					<th class="text-right" style="width: 1%">Amount</th>
-				</tr>
-				</thead>
-				<tr>
-					<td class="text-center">1</td>
-					<td>
-						<p class="strong mb-1">Logo Creation</p>
-						<div class="text-muted">Logo and business cards design</div>
-					</td>
-					<td class="text-center">
-						1
-					</td>
-					<td class="text-right">$1.800,00</td>
-					<td class="text-right">$1.800,00</td>
-				</tr>
-				<tr>
-					<td class="text-center">2</td>
-					<td>
-						<p class="strong mb-1">Online Store Design &amp; Development</p>
-						<div class="text-muted">Design/Development for all popular modern browsers</div>
-					</td>
-					<td class="text-center">
-						1
-					</td>
-					<td class="text-right">$20.000,00</td>
-					<td class="text-right">$20.000,00</td>
-				</tr>
-				<tr>
-					<td class="text-center">3</td>
-					<td>
-						<p class="strong mb-1">App Design</p>
-						<div class="text-muted">Promotional mobile application</div>
-					</td>
-					<td class="text-center">
-						1
-					</td>
-					<td class="text-right">$3.200,00</td>
-					<td class="text-right">$3.200,00</td>
-				</tr>
-				<tr>
-					<td colspan="4" class="strong text-right">Subtotal</td>
-					<td class="text-right">$25.000,00</td>
-				</tr>
-				<tr>
-					<td colspan="4" class="strong text-right">Vat Rate</td>
-					<td class="text-right">20%</td>
-				</tr>
-				<tr>
-					<td colspan="4" class="strong text-right">Vat Due</td>
-					<td class="text-right">$5.000,00</td>
-				</tr>
-				<tr>
-					<td colspan="4" class="font-weight-bold text-uppercase text-right">Total Due</td>
-					<td class="font-weight-bold text-right">$30.000,00</td>
-				</tr>
-			</table>
-		</div>
-		<p class="text-muted text-center">Thank you very much for doing business with us. We look forward to working with
+
+		<table class="table table-transparent table-responsive">
+			<thead>
+			<tr>
+				<th class="text-center" style="width: 1%"></th>
+				<th>Product</th>
+				<th class="text-center" style="width: 1%">Qnt</th>
+				<th class="text-right" style="width: 1%">Unit</th>
+				<th class="text-right" style="width: 1%">Amount</th>
+			</tr>
+			</thead>
+			<tr>
+				<td class="text-center">1</td>
+				<td>
+					<p class="strong mb-1">Logo Creation</p>
+					<div class="text-muted">Logo and business cards design</div>
+				</td>
+				<td class="text-center">
+					1
+				</td>
+				<td class="text-right">$1.800,00</td>
+				<td class="text-right">$1.800,00</td>
+			</tr>
+			<tr>
+				<td class="text-center">2</td>
+				<td>
+					<p class="strong mb-1">Online Store Design &amp; Development</p>
+					<div class="text-muted">Design/Development for all popular modern browsers</div>
+				</td>
+				<td class="text-center">
+					1
+				</td>
+				<td class="text-right">$20.000,00</td>
+				<td class="text-right">$20.000,00</td>
+			</tr>
+			<tr>
+				<td class="text-center">3</td>
+				<td>
+					<p class="strong mb-1">App Design</p>
+					<div class="text-muted">Promotional mobile application</div>
+				</td>
+				<td class="text-center">
+					1
+				</td>
+				<td class="text-right">$3.200,00</td>
+				<td class="text-right">$3.200,00</td>
+			</tr>
+			<tr>
+				<td colspan="4" class="strong text-right">Subtotal</td>
+				<td class="text-right">$25.000,00</td>
+			</tr>
+			<tr>
+				<td colspan="4" class="strong text-right">Vat Rate</td>
+				<td class="text-right">20%</td>
+			</tr>
+			<tr>
+				<td colspan="4" class="strong text-right">Vat Due</td>
+				<td class="text-right">$5.000,00</td>
+			</tr>
+			<tr>
+				<td colspan="4" class="font-weight-bold text-uppercase text-right">Total Due</td>
+				<td class="font-weight-bold text-right">$30.000,00</td>
+			</tr>
+		</table>
+
+		<p class="text-muted text-center mt-5">Thank you very much for doing business with us. We look forward to working with
 			you again!</p>
 	</div>
 </div>

src/scss/ui/_tables.scss

@@ -14,6 +14,14 @@
   }
 }
 
+.table-transparent {
+  thead {
+    th {
+      background: transparent;
+    }
+  }
+}
+
 .table-nowrap {
   > :not(caption) > * > * {
     white-space: nowrap;