Fixed index megaphone icon bug

widget_tee_jays_angelos/announcements/static/announcements/announcementsstyle.css

@@ -31,10 +31,10 @@ li
 .indexMegaphoneIcon
 {
     top: -40px;
-    left: -60px;
+    left: -56px;
     display: block;
-    width: 60px;
-    height: 60px;
+    width: 55x;
+    height: 55px;
     position: relative;
     border-radius: 50px;
 }

widget_tee_jays_angelos/announcements/templates/announcements/index.html

@@ -7,7 +7,7 @@
         <ul>
         {% for Announcement in announcement_list %}
             <li><a href="/announcements/{{Announcement.id}}/details">{{Announcement.announcement_title}}, by {{Announcement.author.last_name}}, {{Announcement.author.first_name}}, dated {{Announcement.pub_date}}</a></li>
-            <img src="/images/announcementPictures/indexMegaphoneIcon.jpg" class="indexMegaphoneIcon">  
+            <img src="/images/announcementPictures/indexMegaphoneIcon.jfif" class="indexMegaphoneIcon">  
         {% endfor %}
         </ul>
     <h2><a href="/announcements/add/">New Announcement</a></h2>