Added profile picture to navbar

roomlist/static/css/style.css

@@ -108,6 +108,7 @@ outline-offset: none;
   margin-top: -5px;
 }
 
+
 .breadcrumb {background: rgba(245, 245, 245, 1); border: 2px solid rgba(245, 245, 245, 1); border-radius: 4px; display: block;}
 .breadcrumb li {font-size: 20px;}
 

roomlist/templates/layouts/navbar.html

@@ -26,7 +26,9 @@
         <li class="visible-xs">
           <a href="/search">Search</a>
         </li>
-        <li><a href="{{ user.student.get_absolute_url }}">{{ user.username }}</a>
+        <!-- Puts profile picture in navbar next to username-->
+
+        <li><a href="{{ user.student.get_absolute_url }}"><img src="{{ request.user.student.profile_image_url }}" height="30" width="30" style="margin: -5px 10px" alt="{{ student.profile_image_url }}" class="img-circle">{{ user.username }}</a>
         </li>
         <li class="visible-lg visible-md visible-sm">
           <a href="{% url 'update_student' request.user.username %}"><i class="fa fa-cog fa-fw fa-lg"></i></a>