Make table prettier and borders less pronounced

xdpirate · Nov 26, 2023 · 0da3e5e · 0da3e5e
1 parent 917ff90
commit 0da3e5e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/index.php b/index.php
@@ -174,6 +174,7 @@
                         </div>
                     </h2>
 
+                    <div class="tableRounder">
                     <table>
                         <thead>
                             <th>Name</th>
@@ -235,6 +236,7 @@
                             ?>
                         </tbody>
                     </table>
+                    </div>
                 </div>
 
                 <div class="tableWrapper" id="tbaWrapper">
@@ -288,7 +290,7 @@
                             <input type="search" placeholder="Filter Released..." oninput="filterTable('released', this.value);" autocomplete="off"> <span class="pointer clearSearch" title="Clear filter" onclick="this.previousElementSibling.value = ''; filterTable('released', '');">❌</span>
                         </div>
                     </h2>
-                    
+
                     <table>
                         <thead>
                             <th>Name</th>

diff --git a/js/startscripts.js b/js/startscripts.js
@@ -237,6 +237,7 @@ function applyTheme(themeName) {
 
         table {
             width: 100%;
+            border-collapse: collapse;
         }
 
         span.platformLabel {
@@ -283,13 +284,19 @@ function applyTheme(themeName) {
         }
 
         td,th {
-            padding: 5px;
+            padding: 6px;
+            border-bottom: 1px solid ${themes[themeName].background};
         }
 
         th {
             background-color: ${themes[themeName].evenrow};
         }
 
+        .tableRounder {
+            border-radius: 10px; 
+            overflow: hidden;
+        }
+
         #tbaWrapper, #releasedWrapper, #collectionWrapper {
             display: none;
         }