Merge pull request #144 from OpenTechFund/feature/185-private-eye

adding private eye svg

opentech/apply/activity/templates/activity/include/listing_base.html

 <div class="feed__item feed__item--{{ activity.type }}">
+    {% if activity.private %}
+        <svg class="icon icon--private-eye"><use xlink:href="#private-eye"></use></svg>
+    {% endif %}
     <div class="feed__pre-content">
         <p class="feed__label feed__label--{{ activity.type }}">{{ activity.type|capfirst }}</p>
     </div>
@@ -6,9 +9,6 @@
         <div class="feed__meta">
             <p class="feed__label feed__label--{{ activity.type }} feed__label--mobile">{{ activity.type|capfirst }}</p>
             <p class="feed__meta-item">{{ activity.timestamp|date:"m.d.y h:iA e" }}</p>
-            {% if activity.private %}
-                <p>PRIVATE EYE</p>
-            {% endif %}
         </div>
         <div class="feed__heading">
             <h4 class="feed__name">{{ activity.user }}</h4>

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

 .feed {
     &__item {
+        position: relative;
         display: flex;
         padding-bottom: 20px;
         margin-bottom: 25px;

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

@@ -78,4 +78,12 @@
             padding: 20px;
         }
     }
+
+    &--private-eye {
+        position: absolute;
+        top: 0;
+        right: 0;
+        width: 35px;
+        height: 25px;
+    }
 }

opentech/templates/includes/sprites.html

@@ -277,4 +277,13 @@
     <symbol id="chevron" viewBox="0 0 23 12">
         <path d="M11.5 0l-.975.824L0 9.737 1.95 12l9.55-8.089L21.05 12 23 9.737 12.475.824z" fill-rule="nonzero" />
     </symbol>
+
+    <symbol id="private-eye" viewBox="0 0 29 21">
+        <g fill="none" fill-rule="evenodd">
+            <path d="M14.5 13.976c1.883 0 3.41-1.556 3.41-3.476s-1.527-3.476-3.41-3.476c-1.883 0-3.41 1.556-3.41 3.476s1.527 3.476 3.41 3.476z" stroke="#F05E54" stroke-width="2" />
+            <path d="M17.32 8.366c-1.234-1.47-3.404-1.682-4.846-.472-1.442 1.21-1.611 3.384-.378 4.854" fill="#F05E54" />
+            <path d="M14.5 19.073c4.206.017 8.337-2.918 12.393-8.805-3.324-5.56-7.455-8.341-12.393-8.341-4.938 0-9.082 2.858-12.432 8.573 4.172 5.699 8.316 8.556 12.432 8.573z" stroke="#F05E54" stroke-width="2" />
+            <path d="M24.273 1L5.182 20" stroke="#F05E54" stroke-width="2" stroke-linecap="round" stroke-linejoin="bevel" />
+        </g>
+    </symbol>
 </svg>