make entire 'view on' line be link, to match Youtube and for a11y.

source/_patterns/04-components/facebook/facebook.twig

@@ -19,9 +19,9 @@
   </div>
   <div class="uw-facebook__view-on-source">
     {% if feed_type == 'timeline' %}
-      View on <a href="https://facebook.com/{{ username }}">Facebook</a>
+      <a href="https://facebook.com/{{ username }}">View on Facebook</a>
     {% else %}
-      View on <a href="{{ url }}">Facebook</a>
+      <a href="{{ url }}">View on Facebook</a>
     {% endif %}
   </div>
 </div>

source/_patterns/04-components/instagram/instagram.twig

@@ -4,6 +4,6 @@
     <script async src="//www.instagram.com/embed.js"></script>
   </div>
   <div class="uw-instagram__view-on-source">
-    View on <a href="{{ instagram.url }}">Instagram</a>
+    <a href="{{ instagram.url }}">View on Instagram</a>
   </div>
 </div>

source/_patterns/04-components/twitter/twitter.twig

@@ -21,7 +21,7 @@
     {% if feed_type == 'embed-tweet' %}
       <blockquote class="twitter-tweet" data-dnt="true"><a href="https://twitter.com/{{ tweet_code }}">Read individual Tweet on Twitter</a></blockquote>
       <div class="uw-twitter__view-on-source">
-        View on <a href="https://twitter.com/{{ tweet_code }}">Twitter</a>
+        <a href="https://twitter.com/{{ tweet_code }}">View on Twitter</a>
       </div>
     {% else %}
       <div
@@ -35,7 +35,7 @@
           <a class="twitter-{{ (feed_type == 'moment') ? 'moment' : 'timeline' }}" href="{{ twitter_href }}" data-theme="light" data-link-color="#light" data-height="650" data-dnt="true">{{ twitter_link }}</a>
       </div>
       <div class="uw-twitter__view-on-source">
-        View on <a href="{{ twitter_href }}">Twitter</a>
+        <a href="{{ twitter_href }}">View on Twitter</a>
       </div>
     {% endif %}