ISTWCMS-4124: adding view on source to Instagram

css/styles.css

@@ -3824,6 +3824,9 @@ fieldset,
     .uw-instagram__wrapper iframe {
       max-width: 500px;
       width: 100%; }
+  .uw-instagram__view-on-source {
+    padding: 1rem 0;
+    text-align: center; }
 
 .list--border {
   list-style: none;

source/_patterns/04-components/instagram/_instagram.scss

@@ -12,4 +12,9 @@
       width: 100%;
     }
   }
+
+  &__view-on-source {
+    padding: 1rem 0;
+    text-align: center;
+  }
 }

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

@@ -3,4 +3,7 @@
     <blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="{{ instagram.url }}" data-instgrm-version="12" style="max-width: 500px;"></blockquote>
     <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>
+  </div>
 </div>