fix style of ygopro page

app/app-detail.component.css

@@ -226,6 +226,24 @@ table th, table td {
 .tag {
     font-size: 12px;
     padding: 2px 5px;
+    margin-right: 5px;
+}
+
+table.expansions thead {
+    color: #ffffff;
+    background-color: #5bc0de;
+}
+table.expansions thead th:first-child{
+    border-top-left-radius: 5px;
+}
+table.expansions thead th:last-child{
+    border-top-right-radius: 5px;
+}
+table.expansions tr:last-child td:first-child{
+    border-bottom-left-radius: 5px;
+}
+table.expansions tr:last-child td:last-child{
+    border-bottom-right-radius: 5px;
 }
 
 #purchase-form .form-check {

app/app-detail.component.html

@@ -155,9 +155,10 @@
 
 
 <div *ngIf="currentApp.isReady()">
-    <div *ngIf="mods && mods.length">
-        <table class="table table-striped">
-            <thead class="thead-inverse">
+    <div class="panel" *ngIf="mods && mods.length">
+        <h2 i18n>扩展</h2>
+        <table class="table table-striped expansions">
+            <thead>
             <tr>
                 <th>#</th>
                 <th i18n>名称</th>