Share button does not include image, and is hidden as a sub-menu option.

The Eclipse/SDK files I am using are from the CrystalBall app tutorial (downloaded 19 April 2014). The versions are as follows:

Eclipse 4.3 for Mac OS X ADT - Build v22.6.2-1085508

Following the BlogReader tutorial, I've come to an issue with the share button we've just added. Mine does not display in the menu bar, as is the case in the tutorial, but is instead embedded within a sub-menu off of the menu bar (as shown in the image below)

When following the tutorial, the button was added to the menu bar via the xml file located in menu/activity_blog_web_view.xml. For starters, I did not have said file (mine was menu/blog_web_view.xml). Secondly, when clicking on "Add" to add a new menu element, I was not presented with any options in the dialog box, as shown below

I modified the file name (as well as any reference to it) and manually copied the button information in the .xml file. But what I get is the text-only share button embedded within a drop-down menu.

activity_blog_web_view.xml as follows:

<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/action_share"
        android:icon="@drawable/ic_action_share"
        android:showAsAction="always"
        android:title="@string/action_share">
    </item>
</menu>

Clicking on the "Share" button has the desired effect, just not the desired look.

Any thoughts? Please let me know if I can add any further details.

Thanks in advance.