Fixed issue #4

TerribleCoding · TerribleCoding · commit ee7fa93b2c6e · 2021-10-26T19:04:29.000+02:00
diff --git a/pages/c-profile.html b/pages/c-profile.html
@@ -61,7 +61,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/common.js b/pages/common.js
@@ -17,7 +17,7 @@ function preload() {
     materials = loadTable("../assets/db/materials-temp.csv", "csv", "header");
 
     pageName = location.pathname.split("/").slice(-1)[0].split(".")[0];
-    combo = document.getElementById('combo');
+    combo = document.getElementById('mat-select');
     selector = createSelect();
     selector.parent(combo);
     imageSpace = document.getElementById('image');
diff --git a/pages/cylinder.html b/pages/cylinder.html
@@ -43,7 +43,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/elliptic-bar.html b/pages/elliptic-bar.html
@@ -49,7 +49,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/h-profile.html b/pages/h-profile.html
@@ -61,7 +61,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/hexagonal-prism.html b/pages/hexagonal-prism.html
@@ -43,7 +43,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/hollow-cylinder.html b/pages/hollow-cylinder.html
@@ -49,7 +49,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/hollow-elliptic-bar.html b/pages/hollow-elliptic-bar.html
@@ -55,7 +55,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/hollow-rectangle-bar.html b/pages/hollow-rectangle-bar.html
@@ -61,7 +61,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/octagonal-prism.html b/pages/octagonal-prism.html
@@ -43,7 +43,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/rectangle-bar.html b/pages/rectangle-bar.html
@@ -55,7 +55,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/t-profile.html b/pages/t-profile.html
@@ -61,7 +61,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/trapezius-prism.html b/pages/trapezius-prism.html
@@ -55,7 +55,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/pages/triangular-prism.html b/pages/triangular-prism.html
@@ -49,7 +49,7 @@ <h3 class="back">Back to index</h3>
                 <caption>Material data</caption>
                 <tr>
                     <td class="index">Material</td>
-                    <td class="value" id="combo">
+                    <td class="value combo" id="mat-select" colspan="2">
                     </td>
                 </tr>
                 <tr>
diff --git a/style.css b/style.css
@@ -256,6 +256,7 @@ img.back {
 table {
     float: left;
     border-spacing: 0px;
+    margin-right: 20px;
 }
 
 caption {
@@ -296,7 +297,7 @@ td.value.results {
 }
 
 td.unit {
-    width: 80px;
+    width: 60px;
     padding-left: 5px;
 }
 
@@ -308,3 +309,8 @@ input, select {
     font-family: Rockwell;
     font-size: 14px;
 }
+
+.combo > select {
+    width: 160px;
+    text-align: left;
+}
