diff --git a/css/stations.css b/css/stations.css index fef8b3f..eb9b21d 100644 --- a/css/stations.css +++ b/css/stations.css @@ -83,6 +83,13 @@ span.number { margin-bottom: 0; } +#stations-list .station-to-add span { + float: right; + color: black; + font-size: 12px; + font-weight: normal; +} + #stations-list .station-to-add:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; diff --git a/js/popup.js b/js/popup.js index 945dbfa..454dc3e 100644 --- a/js/popup.js +++ b/js/popup.js @@ -133,7 +133,16 @@ function showStationsList(e) { if (!list.hasClass('loaded')) { for(var i=0 ; i < stations.length ; i++) { var stationName = stations[i].name.replace('-', ' - '); - list.append('
' + stationName + '
'); + var p = $('' + stationName + '
'); + p.append( + '🚲 ' + + stations[i].available_bikes + + ' 📍 ' + + stations[i].available_bike_stands + + '' + ); + + list.append(p); $('#add-station-'+stations[i].number).click(addStation); } list.addClass('loaded');