Highlight current project.

static/css/projects.css

@@ -6,8 +6,29 @@
     text-decoration: none;
 }
 
-
+#project-selector a:hover .project {
-#project-selector a:hover .panel {
     border-color: #0091EA;
 }
 
+#project-selector .project {
+    border-color: #ddd;
+    padding: 24px;
+    position: relative;
+}
+
+#project-selector .project.selected {
+    border-color: #0091EA;
+}
+
+#project-selector .project.selected .marker {
+    display: block;
+    position: absolute;
+    top: 0;
+    font-size: 10px;
+    padding: 2px 8px;
+    border-bottom-left-radius: 3px;
+    border-bottom-right-radius: 3px;
+    color: #fff;
+    background: #0091EA;
+    text-transform: uppercase;
+}

templates/front/projects.html

@@ -22,8 +22,11 @@
             {% for project in projects%}
             <a href="{% url 'hc-checks' project.code %}">
                 <div class="col-sm-6 col-md-4">
-                    <div class="panel panel-default">
+                    <div class="panel project {% if project == request.profile.current_project %}selected{% endif %}">
-                        <div class="panel-body">
+                        {% if project == request.profile.current_project %}
+                        <div class="marker">Current Project</div>
+                        {% endif %}
+
                         <h4>{{ project }}</h4>
                         <div>
                             {% with project.check_set.count as n %}
@@ -39,7 +42,6 @@
                         </div>
                     </div>
                 </div>
-                </div>
             </a>
             {% empty %}
             <div class="col-sm-12">