adding tabs to pop up activity feed

opentech/apply/funds/templates/funds/includes/activity-feed.html

@@ -3,9 +3,27 @@
         <div class="wrapper wrapper--medium wrapper--relative">
             <h4 class="activity-feed__heading">Activity Feed <svg class="icon icon--speech-bubble"><use xlink:href="#speech-bubble"></use></svg></h4>
             <a href="#" class="js-close-feed link link--close-feed">Close</a>
+            <div class="tabs js-tabs">
+                <div class="tabs__container">
+                    <a class="tab__item tab__item--active" href="#" data-tab="tab-1">Communications</a>
+                    <a class="tab__item" href="#" data-tab="tab-2">Activity</a>
+                    <a class="tab__item" href="#" data-tab="tab-3">All</a>
+                </div>
+            </div>
         </div>
     </div>
-    <div class="wrapper wrapper--medium">
 
+    <div class="wrapper wrapper--medium wrapper--activity-feed">
+        <div class="tabs__content tabs__content--current" id="tab-1">
+            Communications content
+        </div>
+
+        <div class="tabs__content" id="tab-2">
+            Activity content
+        </div>
+
+        <div class="tabs__content" id="tab-3">
+            All content
+        </div>
     </div>
 </div>

opentech/static_src/src/sass/apply/components/_wrapper.scss

@@ -236,4 +236,8 @@
     &--relative {
         position: relative;
     }
+
+    &--activity-feed {
+        margin-top: 50px;
+    }
 }