in-context editor for xblock string field

common/static/sass/_mixins.scss

@@ -247,11 +247,13 @@
 // button with no button shell until hover for understated actions
 %ui-btn-non {
   @include transition(all .15s);
-  border: none;
-  border-radius: ($baseline/4);
-  background: none;
-  padding: 3px ($baseline/2);
+  @extend %ui-btn-pill;
+  @include transition(all $tmg-f2 linear 0s);
+  display: inline-block;
   vertical-align: middle;
+  border: none;
+  padding: 3px ($baseline/2);
+  background: none;
   color: $gray-l1;
 
   &:hover, &:focus {
@@ -264,6 +266,16 @@
   }
 }
 
+// button with no button shell until hover for understated actions
+%ui-btn-non-blue {
+  @extend %ui-btn-non;
+
+  &:hover, &:focus {
+    background-color: $blue;
+    color: $white;
+  }
+}
+
 // extends - UI archetypes - well
 %ui-well {
   box-shadow: inset 0 1px 2px 1px $shadow;

common/test/acceptance/pages/studio/overview.py

@@ -14,6 +14,7 @@ class CourseOutlineItem(object):
     A mixin class for any :class:`PageObject` shown in a course outline.
     """
     BODY_SELECTOR = None
+    EDIT_BUTTON_SELECTOR = '.xblock-title .xblock-field-value-edit'
     NAME_SELECTOR = '.xblock-title .xblock-field-value'
     NAME_INPUT_SELECTOR = '.xblock-title .xblock-field-input'
 
@@ -45,7 +46,7 @@ class CourseOutlineItem(object):
         """
         Changes the container's name.
         """
-        self.q(css=self._bounded_selector(self.NAME_SELECTOR)).first.click()
+        self.q(css=self._bounded_selector(self.EDIT_BUTTON_SELECTOR)).first.click()
         set_input_value_and_save(self, self._bounded_selector(self.NAME_INPUT_SELECTOR), new_name)
         self.wait_for_ajax()