updating style-sheeting

flask_app/app/static/cv_db/css/alteram/styles_1.css

@@ -121,27 +121,19 @@
     min-height: calc(100vh - 100px);
     justify-content: center;
   }
-  
-  .content-container {
-    max-width: 1140px;
-    margin: 2rem auto;
-    padding: 0 2rem;
-  }
-  
-  .table-container {
-    background: rgba(255, 255, 255, 0.95);
-    border-radius: 8px;
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
-    overflow: hidden;
-    margin: 2rem auto;
-    width: 100%; /* Increased width */
-    max-width: 1400px; /* Optional: limit max width */
-  }
-  
-  .data-table {
-    width: 100%;
+.content-container {
+  width: 100%;
+  margin: 2rem auto;
+  padding: 0 2rem;
+  overflow-x: auto; /* Allows horizontal scroll if table grows */
+  display: block;
+}
+.data-table {
+    width: auto;
+    min-width: 100%;
     border-collapse: collapse;
     border: 1px solid var(--table-border);
+    table-layout: auto;
   }
   
   .data-table th {
@@ -196,4 +188,4 @@
       overflow-x: auto;
       white-space: nowrap;
     }
-  }
+}

flask_app/app/static/cv_db/css/alteram/styles_2.css

@@ -180,7 +180,7 @@
       margin: 1rem;
       padding: 1.5rem;
     }
-  }
+    }
   
   .table-container {
     display: flex;
@@ -189,19 +189,26 @@
   }
   
   .data-table {
-    width: 90%; /* increase or adjust to 100% if needed */
+    width:auto;
+    min-width: 100%;
     border-collapse: collapse;
     background-color: rgba(255, 255, 255, 0.95);
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
-    overflow: hidden;
-  }
+    border: 1px solid var(--table-border);
+    table-layout: auto;
+}
   
-  .data-table th,
+/*   .data-table th, */
   .data-table td {
     padding: 1rem;
     border: 1px solid rgba(39, 37, 92, 0.2);
     text-align: left;
     color: var(--primary-color);
   }
-  
+.data-table th label {
+    color: white;
+    font-weight: bold;
+    display: block;
+    margin-bottom: 0.5rem;
+  }

flask_app/app/templates/capture_record.html

@@ -25,43 +25,43 @@
 </td>
 </tr>
 <tr>
-<th><label for="{{ form.txt_name_1.id }}">{{ form.txt_name_1.label }}</label></th>
+<th>{{ form.txt_name_1.label }}</th>
 <td>{{ form.txt_name_1 }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.txt_name_2.id }}">{{ form.txt_name_2.label }}</label></th>
+<th>{{ form.txt_name_2.label }}</th>
 <td>{{ form.txt_name_2 }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.txt_name_3.id }}">{{ form.txt_name_3.label }}</label></th>
+<th>{{ form.txt_name_3.label }}</th>
 <td>{{ form.txt_name_3 }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.txt_surname.id }}">{{ form.txt_surname.label }}</label></th>
+<th>{{ form.txt_surname.label }}</th>
 <td>{{ form.txt_surname }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.txt_id_number.id }}">{{ form.txt_id_number.label }}</label></th>
+<th>{{ form.txt_id_number.label }}</th>
 <td>{{ form.txt_id_number }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.sel_gender.id }}">{{ form.sel_gender.label }}</label></th>
+<th>{{ form.sel_gender.label }}</th>
 <td>{{ form.sel_gender }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.txt_years_experience.id }}">{{ form.txt_years_experience.label }}</label></th>
+<th>{{ form.txt_years_experience.label }}</th>
 <td>{{ form.txt_years_experience }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.sel_sap_k_level.id }}">{{ form.sel_sap_k_level.label }}</label></th>
+<th>{{ form.sel_sap_k_level.label }}</th>
 <td>{{ form.sel_sap_k_level }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.txt_contact_number.id }}">{{ form.txt_contact_number.label }}</label></th>
+<th>{{ form.txt_contact_number.label }}</th>
 <td>{{ form.txt_contact_number }}</td>
 </tr>
 <tr>
-<th><label for="{{ form.txt_email.id }}">{{ form.txt_email.label }}</label></th>
+<th>{{ form.txt_email.label }}</th>
 <td>{{ form.txt_email }}</td>
 </tr>
 <tr>