fix width of jobs page

Author: jospoortvliet

assets/css/custom.css

@@ -102,7 +102,7 @@
         font-size: 11px;
         line-height: 16px;
         font-weight: 600;
-        background: #FF8B00;
+        background: #ff8b00;
         text-transform: uppercase;
         border-radius: 10px; }
         @media (max-width: 768px) {
@@ -462,6 +462,7 @@
   .brand {
     -webkit-transform: scale(0.5);
     top: -26px !important; } }
+
 .nav {
   z-index: 1;
   padding-top: 20px;
@@ -806,9 +807,11 @@
   0% {
     opacity: 0;
     left: 20%; }
+
   100% {
     opacity: 1;
     left: 0; } }
+
 @media (max-height: 800px) {
   .nav-down {
     opacity: 1;
@@ -907,8 +910,10 @@
 @keyframes play {
   from {
     background-position-x: 0px; }
+
   to {
     background-position-x: -4620px; } }
+
 /**
  * Footer
  */
@@ -1038,6 +1043,10 @@ footer.page-footer {
       max-width: 700px;
       padding-top: 20px;
       font-size: 18px; }
+    @media (max-width: 768px) {
+      .section-jobs-opening .wrapper-text {
+        margin: 0;
+        width: 100%; } }
 
 /* Make Navbar transparent */
 .nav:not(.scrolled) {
@@ -2463,15 +2472,15 @@ p {
     right: 50px;
     transition: all 0.3s ease 0s; }
   .btn-primary:hover {
-    background-color: #0073B2;
+    background-color: #0073b2;
     text-decoration: none; }
     .btn-primary:hover:before {
       right: 30px; }
   .btn-primary:active {
     -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
-    background-color: #0073B2; }
+    background-color: #0073b2; }
 
 @media (max-width: 768px) {
   .btn-primary {
@@ -2559,5 +2568,3 @@ p {
     @media (max-width: 1200px) {
       .highlights_align h4 {
         margin-left: 0; } }
-
-/*# sourceMappingURL=custom.css.map */

assets/css/jobs.css

@@ -3,8 +3,8 @@
   background-color: transparent;
   position: absolute; }
 
-.jbackground {
-  background: url("../img/jobs/team.jpg") no-repeat;
+.jobs-background {
+  background: url("../img/headers/team.jpg") no-repeat;
   background-position: center; }
 
 .section-company-description {
@@ -45,3 +45,7 @@
       max-width: 700px;
       padding-top: 20px;
       font-size: 18px; }
+    @media (max-width: 768px) {
+      .section-jobs-opening .wrapper-text {
+        margin: 0;
+        width: 100%; } }

assets/css/jobs.scss

@@ -56,5 +56,9 @@
 			padding-top: 20px;
 			font-size: 18px;
 		}
+		@media (max-width: $break-small) {
+			margin: 0; 
+			width: 100%;
+		}
 	}
 }

page-jobs.php

@@ -105,7 +105,7 @@
 			<p>We are looking for somebody with ambition and drive, who would like to grow and learn. That means if you do not yet fulfill the requirements but want to learn, apply! Contact us at <a href="mailto:jobs@nextcloud.com">jobs@nextcloud.com</a> with your resume if you are interested in this role.</p>
 		</div>
 
-		<a data-target="#saleseng" data-toggle="collapse"><h3 class="jobs">Sales Engineer/Consultant<span class="icon-arrow"></span></h3></a>
+		<a data-target="#saleseng" data-toggle="collapse"><h3 class="jobs">Sales Engineer/ Consultant<span class="icon-arrow"></span></h3></a>
 		
 		<div id="saleseng" class="collapse">
 			<p>Technical sales engineers use their technical knowledge along with sales skills to provide advice and support on a range of products, for which a certain level of expertise is needed.</p>