Studio: revising size and field layout of outline settings modal

cms/static/js/views/modals/edit_outline_item.js

@@ -25,7 +25,7 @@ define(['jquery', 'backbone', 'underscore', 'gettext', 'js/views/modals/base_mod
                 modalName: 'edit-outline-item',
                 modalType: 'edit-settings',
                 addSaveButton: true,
-                modalSize: 'lg',
+                modalSize: 'med',
                 viewSpecificClasses: 'confirm'
             }),
 

cms/static/sass/elements/_modal-window.scss

@@ -280,6 +280,14 @@
             width: 25%;
           }
         }
+
+        // CASE: specific release + due times/dates
+        .start-date,
+        .start-time,
+        .due-date,
+        .due-time {
+          width: ($baseline*7);
+        }
       }
 
       // CASE: select input

cms/templates/js/edit-outline-item-modal.underscore

@@ -63,14 +63,14 @@
                           <label for="due_date"><%= gettext('Due Date:') %></label>
                           <input type="text" id="due_date" name="due_date"
                             value=""
-                          placeholder="MM/DD/YYYY" class="date input input-text" autocomplete="off"/>
+                          placeholder="MM/DD/YYYY" class="due-date date input input-text" autocomplete="off"/>
                       </li>
 
                       <li class="field field-text field-due-time">
                           <label for="due_time"><%= gettext('Due Time in UTC:') %></label>
                           <input type="text" id="due_time" name="due_time"
                           value=""
-                          placeholder="HH:MM" class="time input input-text" autocomplete="off" />
+                          placeholder="HH:MM" class="due-time time input input-text" autocomplete="off" />
                       </li>
                   </ul>