studio - course link: roughed in new markup/location of course link to share

cms/static/sass/elements/_forms.scss

@@ -30,7 +30,49 @@ textarea.text {
   }
 }
 
-// forms - specific
+// ====================
+
+// forms - fields - not editable
+.field.is-not-editable {
+
+  & label.is-focused {
+   color: $gray-d2;
+  }
+
+  input, textarea {
+    pointer-events: none;
+  }
+}
+
+// ====================
+
+// field with error
+.field.error {
+
+  input, textarea {
+    border-color: $red;
+  }
+}
+
+// ====================
+
+// forms - additional UI
+form {
+
+  .note {
+    @include box-sizing(border-box);
+    padding: $baseline;
+    background: $gray-l4;
+  }
+
+  .note-promotion {
+
+  }
+}
+
+// ====================
+
+// forms - grandfathered
 input.search {
   padding: 6px 15px 8px 30px;
   @include box-sizing(border-box);

cms/static/sass/views/_settings.scss

@@ -238,22 +238,6 @@ body.course.settings {
       }
     }
 
-    // not editable fields
-    .field.is-not-editable {
-     
-      & label.is-focused {
-       color: $gray-d2;
-      }
-    }
-
-    // field with error
-    .field.error {
-
-      input, textarea {
-        border-color: $red;
-      }
-    }
-     
     // specific fields - basic
     &.basic {
 

cms/templates/settings.html

@@ -67,6 +67,20 @@ from contentstore import utils
             <span class="tip">The nuts and bolts of your course</span>
           </header>
 
+          <div class="note note-promotion note-promotion-courseURL">
+            <h3 class="title">Your Course's Live URL</h3>
+            <div class="copy">
+              <p>Students can enroll in and access ${context_course.display_name_with_default} at: <a rel="external" href="${utils.get_lms_link_for_about_page(course_location)}" />${utils.get_lms_link_for_about_page(course_location)}</a></p>
+            </div>
+
+            <ul class="list-actions">
+              <li class="action-item">
+                <a href="" class="action action-primary"><i class="ss-icon icon ss-symbolicons-block icon icon-inline icon-announcement">&#xEC00;</i> Download Studio Documentation</a>
+                <span class="tip">How to use Studio to build your course</span>
+              </li>
+            </ul>
+          </div>
+
           <ol class="list-input">
             <li class="field text is-not-editable" id="field-course-organization">
               <label for="course-organization">Organization</label>
@@ -83,7 +97,6 @@ from contentstore import utils
               <input title="This field is disabled: this information cannot be changed." type="text" class="long" id="course-name" value="[Course Name]" readonly />
             </li>
           </ol>
-          <span class="tip tip-stacked">These are used in <a rel="external" href="${utils.get_lms_link_for_about_page(course_location)}" />your course URL</a>, and cannot be changed</span>
         </section>
 
         <hr class="divide" />
@@ -175,7 +188,6 @@ from contentstore import utils
               <div class="input input-existing">
                 <div class="current current-course-introduction-video">
                   <iframe width="618" height="350" src="" frameborder="0" allowfullscreen></iframe>
-
                 </div>
                 <div class="actions">
                   <a href="#" class="remove-item remove-course-introduction-video remove-video-data"><span class="delete-icon"></span> Delete Current Video</a>