Revert "Revert "Update to UXPL 0.17 (grids compilation performance work)""

This reverts commit d39f7197c3.

cms/static/sass/elements-v2/_header.scss

@@ -11,7 +11,7 @@
 
   header.primary {
     @include clearfix();
-    @include span(12);
+    @include grid-container();
     @include float(none);
     box-sizing: border-box;
     max-width: $fg-max-width;
@@ -31,7 +31,7 @@
   }
 
   .wrapper-r {
-    @include span(4 last);
+    @include span(4, before);
     @include text-align(right);
   }
 

cms/static/sass/programs/_views.scss

@@ -28,8 +28,13 @@
 
 .app-header {
   @include clearfix();
+  @include grid-row;
   border-bottom: 1px solid palette(grayscale, base);
   margin-bottom: 20px;
+
+  form {
+    @include span(12);
+  }
 }
 
 .course-container {

cms/templates/js/programs/program_details.underscore

@@ -1,5 +1,5 @@
 <header class="app-header">
-    <form>
+    <form class="layout layout-1q3q">
         <div class="layout-col layout-col-b">
             <div class="js-inline-edit field">
                 <span class="js-model-value copy copy-large emphasized"><%- name %></span>

cms/templates/program_authoring.html

@@ -17,5 +17,5 @@
 </%block>
 
 <%block name="content">
-    <div class="js-program-admin program-app layout-1q3q layout-reversed" data-home-url="${studio_home_url}" data-lms-base-url="${lms_base_url}" data-programs-api-url="${programs_api_url}" data-auth-url="${programs_token_url}" data-username="${request.user.username}"></div>
+    <div class="js-program-admin program-app layout-1q3q layout" data-home-url="${studio_home_url}" data-lms-base-url="${lms_base_url}" data-programs-api-url="${programs_api_url}" data-auth-url="${programs_token_url}" data-username="${request.user.username}"></div>
 </%block>