fix dashboard layout (#688)

Co-authored-by: Mariko Anderson <[email protected]>
aquariumbio · Jul 27, 2021 · b66fa03 · b66fa03
1 parent 066ded4
commit b66fa03
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 10 deletions.
diff --git a/app/assets/stylesheets/fflex.css.scss b/app/assets/stylesheets/fflex.css.scss
@@ -367,32 +367,30 @@ TODO: REMOVE ABSOLUTE POSITION */
 }
 
 .tech_dash_table_content {
-  position: absolute;
-  left: 307px;
   top: 225px;
-  width: 1583px;
   padding-left: 30px;
 }
-.tech_table_title {
+
+.tech_table {
   position: absolute;
-  width: 1583px;
+  width: calc(100vw - 307px);
   left: 307px;
   top: 153px;
-  padding-left: 30px;
+  // padding-left: 30px;
+}
 
+.tech_table_title {
+  padding-left: 30px;
   height: 64px;
   background-color: #e9e9e9;
-
   font-family: Roboto;
   font-style: normal;
   font-weight: 700;
   font-size: 18px;
   line-height: 24px;
-
   display: flex;
   align-items: center;
   letter-spacing: 0.25px;
   font-variant: small-caps;
-
   color: #333333;
 }
diff --git a/app/views/dashboard/react.html.erb b/app/views/dashboard/react.html.erb
@@ -107,7 +107,7 @@
 
   function AssignedJobsTable(jobs, viewReadyJobs) {
     return (
-      <div className="fflex_1024">
+      <div className="tech_table">
         <div className="assigned_job_table_title fflex_resp tech_table_title">
           <div className="job-tecnician-name fflex_col" >JOB #</div>
           <div className="job-protocol fflex_col2 ">PROTOCOL</div>