diff --git a/src/c3nav/site/static/site/css/c3nav.css b/src/c3nav/site/static/site/css/c3nav.css index f63da7b0..22a05bf7 100644 --- a/src/c3nav/site/static/site/css/c3nav.css +++ b/src/c3nav/site/static/site/css/c3nav.css @@ -194,12 +194,12 @@ section.details { margin: 0; } #location-details dt { - width: 29%; + width: 39%; margin: 0 0 1rem; font-weight: 700; } #location-details dd { - width: 70%; + width: 60%; margin: 0 0 1rem; padding: 0 0 0 1rem; } diff --git a/src/c3nav/site/static/site/js/c3nav.js b/src/c3nav/site/static/site/js/c3nav.js index b3fd2267..bb1bf90e 100644 --- a/src/c3nav/site/static/site/js/c3nav.js +++ b/src/c3nav/site/static/site/js/c3nav.js @@ -111,9 +111,24 @@ c3nav = { if (view === 'location' && state.details) { var $location_details = $('#location-details'); - if (parseInt($location_details.attr('data-id')) !== state.destination.id) { - $location_details.addClass('loading'); - // todo: load location data + var location_id = state.destination.id; + if (parseInt($location_details.attr('data-id')) !== location_id) { + $location_details.addClass('loading').attr('data-id', location_id); + $.getJSON('/api/locations/'+state.destination.slug+'/display', function (data) { + if (parseInt($location_details.attr('data-id')) !== location_id) { + // loaded too late, information no longer needed + return; + } + var line, elem = $('