From c0cb8697530e6dd1196f6921e28a96dd01a0af4b Mon Sep 17 00:00:00 2001
From: Gbenga <gbengaoluwadahunsi01@gmail.com>
Date: Sat, 30 Mar 2024 02:17:22 +0800
Subject: [PATCH] Feat: table html page adjusted to W3C standards

---
 apps/table.css  | 10 ++++++++++
 apps/table.html | 14 +++++++-------
 2 files changed, 17 insertions(+), 7 deletions(-)

diff --git a/apps/table.css b/apps/table.css
index 7653bb41..bdf613c1 100644
--- a/apps/table.css
+++ b/apps/table.css
@@ -235,3 +235,13 @@ nav li:not(.active):hover{
 .p {
   margin-bottom: 0;
 }
+
+.table {
+  border-collapse: separate;
+  border-spacing: 0; /* Adjust the value to control the spacing between cells */
+}
+
+td {
+  text-align: center; /* or left, right, justify, etc. */
+}
+
diff --git a/apps/table.html b/apps/table.html
index 0ad2b8cb..1e78c929 100644
--- a/apps/table.html
+++ b/apps/table.html
@@ -24,7 +24,7 @@
 	<script src='../components/loading/loading.js'></script>
 	<script src="./loader/loader.js"></script>
 	<script src="./loader/chunked_upload.js"></script>
-	<script type="text/javascript" src="https://apis.google.com/js/api.js"></script>
+	<script src="https://apis.google.com/js/api.js"></script>
 	<title>CaMicroscope Data Table</title>
 
 	<script src="https://code.jquery.com/jquery-3.4.1.min.js"
@@ -176,10 +176,10 @@ <h5 class="modal-title" id="title-of-dialog-dicom">DICOM Server</h5>
                         </button>
                     </div>
                     <div class="modal-body">
-                        <table class="table table-borderless" cellpadding="5" style="margin-top: 1em" cellspacing="0">
+                        <table class="table table-borderless"  style="margin-top: 1em; padding: 5px;">
                             <tbody>
                                 <tr id="dicomServerRow">
-                                    <td align="right"><b>Server</b></td>
+                                    <td ><b>Server</b></td>
                                     <td><input type="text" class="form-control" disabled=""
                                             name="token" id="dicomServer"></td>
                                 </tr>
@@ -247,16 +247,16 @@ <h3>Steps for uploading.</h3>
                                             </td>
                                         </tr>
                                         <tr id="filenameRow">
-                                            <td align="right"><b>Filename</b></td>
+                                            <td><b>Filename</b></td>
                                         </tr>
                                         <tr id="tokenRow">
-                                            <td align="right"><b>Token</b></td>
+                                            <td ><b>Token</b></td>
                                         </tr>
                                         <tr id="slidenameRow">
-                                            <td align="right"><b>Slidename</b></td>
+                                            <td ><b>Slidename</b></td>
                                         </tr>
                                         <tr id="filterRow">
-                                            <td align="right"><b>Filter (leave blank for public)</b></td>
+                                            <td><b>Filter (leave blank for public)</b></td>
                                         </tr>
                                     </table>
                                     <div id="upload-progress-div" style="display: none; align-content: center;">