css - How to remove space/shadow between items in a list -

i have template consisting on list of cards:

<div class="list"> <div class="card" ng-repeat="event in eventssportsday21">      <div class="item item-avatar item-icon-right" ng-click="toggleevent(event)">         <!--ng-style="{'background-color': event.eventcolor }">-->         <img src={{event.eventicon}}>         <i class="icon" ng-class="iseventshown(event) ? 'ion-minus' : 'ion-plus'"></i>         <h2><b>{{event.eventtitle}}</b></h2>         <p><b>{{event.eventhour}}</b></p>     </div>      <div class="item item-body" ng-hide="!iseventshown(event)">         <div>             <!--<img src="/img/alfarero.jpg" width="30%" style="float: left; margin: 0 20px 20px 0;" ng-show="false">-->             <p ng-bind-html="event.eventtext | hreftojs"></p>         </div>         <div>             <!--<p style="clear: both">-->             <br/>             <div>                 <i class="icon ion-map balanced" style="font-size: 25px;"></i>&nbsp;&nbsp;<p ng-bind-html="event.eventplace | hreftojs" style="display:inline"></p>              </div>              <!--</p>-->              <!--<div>-->                 <div ng-show="event.eventphone">                     <i class="icon ion-information-circled balanced" style="font-size: 25px;"></i>&nbsp;&nbsp;<p ng-bind-html="event.eventphone | hreftojs" style="display:inline"></p>                 </div>              <!--</div>-->          </div>     </div>  </div> </div> 

it job want tweak bit visually. first, remove shadows @ bottom of each card. second, how eliminate space between cards?. there way other css?.

this get:

thanks!

it seems problem wanting use cards when not needed. changing to:

<div class="list"> <div ng-repeat="event in eventssportsday21"> 

gives desired behaviour.