Ok so im just starting out with lovelace and I love it. But as im going I go to put in my “Show whos home” card and it doesnt look right. After playing around for a bit I realize I liked the old one. So I started looking around and I cant find anyone who has done this. So my question is how do I put this 
into my Lovelace ui?
It’s not quite the same in lovelace since they don’t have the badge idea at the moment. You can use a glance card in a panel view to sort of get the same effect
- title: What's On
panel: true
icon: mdi:alarm-bell
id: whats_on
cards:
- type: glance
title: devices
entities:
- device_tracker.b072bf3f0f0b
- device_tracker.etarapyr_dreamqltecan
The panel: true line force the UI to render the first card full width. It doesn’t render the device trackers as bubbles, and they aren’t centered. It will render them 5 across, and using the icon or image you specified.
One caveat to this: at the moment, it looks as if the panel:true will break custom cards (at least, the very useful monster-card)