source/lostplaces/lostplaces_app/static/main.css

@@ -161,10 +161,17 @@
 
 .LP-Place__List {
   list-style-type: none; }
+  .LP-Place__List .LP-Link .LP-Place:hover {
+    color: #565656;
+    background-color: #f9f9f9;
+    position: relative;
+    left: -2px; }
+    .LP-Place__List .LP-Link .LP-Place:hover > .LP-Place__Image {
+      border-left: 2px #565656 solid; }
   .LP-Place__List .LP-Place__Item {
     max-width: 900px;
     min-width: 450px;
-    margin: 25px 0; }
+    margin: 18px 0; }
     .LP-Place__List .LP-Place__Item .LP-Place {
       display: flex;
       flex-direction: row;

source/lostplaces/lostplaces_app/templates/placeList.html

@@ -16,7 +16,7 @@
                         <p class="LP-Place__Detail">{{place.location}}</p>
                     </div>
                     <p class="LP-TextSection LP-Place__Description">
-                        {{place.description|truncatechars:210|truncatewords:-1}}
+                        {{place.description|truncatechars:250|truncatewords:-1}}
                     </p>
 
                     <ul class="LP-Icon__List">