updated styling to fit different screen sizes

Bechtel-Innovation-Design-Center · Sep 30, 2021 · 36c513f · 36c513f
1 parent e66b8d3
commit 36c513f
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/Autodesk_Setup_BIDC/setup-sheet.cps b/Autodesk_Setup_BIDC/setup-sheet.cps
@@ -32,7 +32,7 @@ properties = {
     title: "Embed stylesheet",
     description: "Embeds the stylesheet in the HTML code.",
     type: "boolean",
-    value: false,
+    value: true,
     scope: "post"
   },
   useUnitSymbol: {
@@ -1017,8 +1017,8 @@ function presentTool(tool) {
 
 function writeTools() {
   writeln("<table class=\"sheet\" cellspacing=\"0\" align=\"center\">");
-  var colgroup = "<colgroup span=\"3\"><col width=\"1*\"/><col width=\"1*\"/><col width=\"120\"/></colgroup>";
-  write(colgroup);
+  // var colgroup = "<colgroup span=\"3\"><col width=\"1*\"/><col width=\"1*\"/><col width=\"120\"/></colgroup>";
+  // write(colgroup);
   write(makeRow("<th colspan=\"4\">" + localize("Tools") + "</th>"));
 
   var tools = getToolTable();
@@ -1401,8 +1401,8 @@ function onSectionEnd() {
 
   if (isFirstSection()) {
     writeln("<table class=\"sheet\" cellspacing=\"0\" align=\"center\">");
-    var colgroup = "<colgroup span=\"4\"><col width=\"1*\"/><col width=\"1*\"/><col width=\"120\"/></colgroup>";
-    write(colgroup);
+    // var colgroup = "<colgroup span=\"4\"><col width=\"1*\"/><col width=\"1*\"/><col width=\"120\"/></colgroup>";
+    // write(colgroup);
     write(makeRow("<th colspan=\"5\">" + localize("Operations") + "</th>"));
   }
 

diff --git a/Autodesk_Setup_BIDC/setup-sheet.css b/Autodesk_Setup_BIDC/setup-sheet.css
@@ -9,6 +9,7 @@
 body {
   background-color: #CFB991;
   font-family: acumin-pro, 'Franklin Gothic', sans-serif;
+  padding: 4rem;
 }
 
 h1 {
@@ -36,13 +37,15 @@ table {
 }
 
 table.jobhead {
-  width: 18cm;
-  background-color: #CFB991;
+  width: fit-content;
+  border: medium solid Black;
+  display: flex;
 }
 
 table.job, table.sheet {
-  width: 18cm;
+  width: fit-content;
   border: medium solid Black;
+  display: flex;
 }
 
 th {
@@ -83,7 +86,6 @@ tr {
   page-break-inside: avoid;
   padding-top: 30px;
   padding-bottom: 20px;
-  white-space: nowrap;
   font-size: 1.5625rem;
 }