[FIX] website: correct some snippet structure to ease edition

Wrap the text content of s_button and s_share snippets so that it can
be edited easily (on chrome, the icons which are next to the next give
the user a hard time).

Note: this is not a full stable fix as it requires an update to be
deployed but the fix is not critical and may so be ignored without
breaking anything.

addons/website/views/snippets.xml

@@ -267,7 +267,7 @@
 <template id="s_share" name="Share">
     <div class="oe_share s_share">
         <h3>
-            Share
+            <span>Share</span>
             <a target="_Blank" class="oe_share_facebook" href="https://www.facebook.com/sharer/sharer.php?u={url}"><i class="fa fa-facebook-square"></i></a>
             <a target="_Blank" class="oe_share_twitter" href="https://twitter.com/intent/tweet?text={title}&amp;url={url}"><i class="fa fa-twitter"></i></a>
             <a target="_Blank" class="oe_share_linkedin" href="http://www.linkedin.com/shareArticle?mini=true&amp;url={url}&amp;title={title}&amp;"><i class="fa fa-linkedin"></i></a>
@@ -378,7 +378,7 @@
                 </div>
                 <div class="col-md-3">
                     <a href="/page/website.contactus" class="btn btn-primary btn-lg pull-right mt8">
-                        Contact Us Now
+                        <span>Contact Us Now</span>
                         <i class="fa fa-chevron-right"></i>
                     </a>
                 </div>