style referencebrowser as input-group

scss/styles.scss

@@ -15,6 +15,9 @@ body {
 #footer {
     z-index: 1;
 }
+.referencebrowser_trigger {
+    cursor: pointer;
+}
 
 @import 'content.scss';
 @import 'form.scss';

src/cone/app/browser/referencebrowser.py

@@ -287,7 +287,7 @@ def reference_extractor(widget, data):
     return data.request['{}.uid'.format(widget.dottedpath)]
 
 
-def wrap_ajax_target(rendered, widget, data):
+def wrap_ajax_target(rendered, widget, data, cssclass):
     target = widget.attrs['target']
     if not target:
         request = data.request.request
@@ -327,13 +327,14 @@ def wrap_ajax_target(rendered, widget, data):
     target = '{}{}'.format(target, query)
     attrs = {
         'ajax:target': target,
+        'class_': cssclass
     }
     return tag('span', rendered, **attrs)
 
 
 def reference_trigger_renderer(widget, data):
     attrs = {
-        'class': 'referencebrowser_trigger',
+        'class': 'referencebrowser_trigger input-group-text',
         'data-reference-name': widget.dottedpath
     }
     return data.tag(
@@ -411,7 +412,7 @@ def reference_edit_renderer(widget, data):
     }
     rendered = tag('input', **text_attrs) + tag('input', **hidden_attrs)
     trigger = reference_trigger_renderer(widget, data)
-    return wrap_ajax_target(rendered + trigger, widget, data)
+    return wrap_ajax_target(rendered + trigger, widget, data, 'input-group')
 
 
 def reference_display_renderer(widget, data):

src/cone/app/browser/static/cone/cone.app.css

@@ -84,6 +84,10 @@ body {
   z-index: 1;
 }
 
+.referencebrowser_trigger {
+  cursor: pointer;
+}
+
 /* content */
 #content {
   height: calc(100% - 40px);