Start work on mobile UI

src/Client/src/app/pages/jobs/viewer/jobviewer.component.css

@@ -1,5 +1,7 @@
 .company-details {
     background-color: var(--mistox-bg-light);
+    flex: 1;
+    min-width: 650px;
 }
 
 .company-details::after {
@@ -81,8 +83,13 @@
     align-content: center;
 }
 
+.job-frame {
+    display: flex;
+    min-height: calc(100vh - 300px);
+}
+
 .job-details {
-    padding-bottom: 40px;
+    flex: 1 1 500px;
 }
 
 .job-timestamp {
@@ -157,4 +164,28 @@
 .bottom-bar {
     display: grid;
 
+}
+
+@media (max-width: 1640px) {
+
+    .skill-combo {
+        column-count: 1;
+    }
+
+}
+
+@media (max-width: 1500px) {
+
+    .split {
+        column-count: 1;
+    }
+
+}
+
+@media (max-width: 1200px) {
+
+    .job-frame {
+        display: block;
+    }
+
 }

src/Client/src/app/pages/jobs/viewer/jobviewer.component.html

@@ -67,7 +67,7 @@
 
             <div class="bottom-bar">
                 @for(resume of myResumes; track resume.trackUUID){
-                    <button type="button" (click)="applyWithResume(resume)">APPLY USING RESUME: {{ resume.name }}</button>
+                    <button type="button" (click)="applyWithResume(resume)">APPLY USING RESUME: {{ resume.title }}</button>
                 }
             </div>
         </div>

src/Client/src/app/pages/jobs/viewer/jobviewer.component.ts

@@ -8,7 +8,7 @@ import { Authentication } from 'app/services/Authentication';
 import { JobListing } from 'app/models/JobListing';
 import { Company } from 'app/models/Company';
 import { Resume } from 'app/models/Resume';
-import { Application } from 'app/models/Application';
+import { ApplicationRequest } from 'app/models/Application';
 
 @Component({
   selector: 'main-jobs-viewer',
@@ -69,18 +69,13 @@ export class JobViewerComponent {
   }
 
   applyWithResume(resume: Resume) {
-      var application = new Application;
-
-      if (this.auth.loggedInUser.id != null){
-        application.accountID = this.auth.loggedInUser.id;
-      }
+      var application = new ApplicationRequest;
 
       if (resume.id != null){
         application.resumeID = resume.id;
       }
 
       application.jobListingID = this.JobListingID;
-      application.hasBeenViewed = false;
       application.responseEmail = resume.email;
 
       this.http.post("api/application", application).subscribe({