Fixed some front-end visuals

staticfiles/css/app.css

@@ -23,16 +23,15 @@ footer, .map {
     margin-top: 30px;
 }
 
-a:link, a:visited {
+.lightlink:link, .lightlink:visited {
     color: white;
 }
 
-a:hover {
+.lightlink:hover {
     color: #34495e;
 }
 
-
+.lightlink:active {
-a:active {
     color: black;
 }
 
@@ -45,10 +44,34 @@ ul {
 	width:300px;
 }
 
+.card-image.img {
+    display: block;
+    max-height: 300px;
+    max-width: 300px;
+    height: auto;
+    width: auto;
+}
+
+.card .inventory .card-content {
+    max-height: 100px;
+}
+
 .card.small {
     height: auto;
 }
 
+a:link, a:visited {
+    color: #3498db;
+}
+
+a:hover {
+    color: #34495e;
+}
+
+a:active, a.highlight:hover {
+    color: black;
+}
+
 .darklink:link, .darklink:visited {
     color: black;
 }
@@ -57,10 +80,6 @@ ul {
     color: #34495e;
 }
 
-.darklink:active {
+.darklink:active, .darklink.highlight:hover {
     color: #3498db;
 }
-
-a.highlight:hover{
-  color: #3498db;
-}

templates/base.html

@@ -4,7 +4,7 @@
 {% extends 'base_footer.html' %}
 {% block base_footer %}
   <div class="header section center-align">
-    <h1 class="section darken-2 z-depth-1 white-text"><a href="/">k-space.ee</a></h1>
+    <h1 class="section darken-2 z-depth-1 white-text"><a href="/" class="lightlink">k-space.ee</a></h1>
   </div>
 
   {% block content %}

templates/challenges.html

@@ -23,9 +23,8 @@
               </div>
             </div>
 
-
             <div class="card-action">
-              <a href="/challenge/{{ challenge.id }}" class="btn-large">I can do it</a>
+              <a href="/challenge/{{ challenge.id }}" class="btn-large lightlink">I can do it</a>
             </div>
 	
           </div>

templates/hall_of_fame.html

@@ -8,6 +8,7 @@
 
   <div class="row container section">
     {% for user in users %}
+      {% if user.first_name or user.last_name %}
       <div class="col s12 m4">
         <div class="section center-align">
           <div class="card">
@@ -15,8 +16,8 @@
               <div class="card-image">
                 <a href="/profile/{{ user.username }}"><img src='/media/{{ user.profile.icon }}'></a>
               </div>
-              <h5 class="card-title" style="padding-top: 10px;color:black;"><a class='darklink'
+              <h5 class="card-title" style="padding-top: 10px;color:black;">
-                                                                               href="/profile/{{ user.username }}"><b>{{ user.first_name }} {{ user.last_name }}</b></a>
+                <a class='darklink' href="/profile/{{ user.username }}"><b>{{ user.first_name }} {{ user.last_name }}</b></a>
               </h5>
               <div class="row">
                 <div class="col s12 m1">
@@ -43,6 +44,7 @@
           </div>
         </div>
       </div>
+      {% endif %}
     {% endfor %}
   </div>
 {% endblock %}

templates/inventory.html

@@ -13,18 +13,17 @@
           <div class="col s12 m3">
             <div class="card">
               <div class="card-content">
-                    <div class="card-image">
+                <div class="card-image">
-                      {% if item.photo %}
+                  {% if item.photo %}
-                        <img src='/media/{{ item.photo }}'>
+                    <img src='/media/{{ item.photo }}'>
-                      {% else %}
+                  {% else %}
-                        <img src='/media/missing_photo.png'>
+                    <img src='/media/missing_photo.png'>
-                      {% endif %}
+                  {% endif %}
-                    </div>
+                </div>
-
+  
-                    <div class="card-title"><b>{{ item.item_name }}</b></div>
+                <div class="card-title"><b>{{ item.item_name }}</b></div>
-                    <p>Serial: {{ item.serial_nr }}</p>
+                <p>Serial: {{ item.serial_nr }}</p>
-                    <p style="text-align: justify; max-height: 120px; overflow: auto;">{{ item.description }}</p>
+                <p style="text-align: justify; max-height: 120px; overflow: auto;">{{ item.description }}</p>
-
               </div>
             </div>
           </div>

templates/profile.html

@@ -2,7 +2,11 @@
 {% block content %}
   <div class="row container section">
     <div class="col s12 m12 l12">
-      <h2 class="header center-align">{{ user.username }}</h2>
+      {% if user.first_name or user.last_name %}
+        <h2 class="header center-align">{{ user.first_name }} {{ user.last_name }}</h2>
+      {% else %}
+        <h2 class="header center-align">{{ user.username }}</h2>
+      {% endif %}
       <div class="card horizontal" style="width:100%;">
         <div class="card-image">
           <img src="/media/{{ user.profile.icon }}">