Improve search results layout/styling

app/components/icon.gjs

@@ -17,6 +17,7 @@ import navigation from 'feather-icons/dist/icons/navigation.svg?raw';
 import phone from 'feather-icons/dist/icons/phone.svg?raw';
 import server from 'feather-icons/dist/icons/server.svg?raw';
 import settings from 'feather-icons/dist/icons/settings.svg?raw';
+import target from 'feather-icons/dist/icons/target.svg?raw';
 import user from 'feather-icons/dist/icons/user.svg?raw';
 import x from 'feather-icons/dist/icons/x.svg?raw';
 import zap from 'feather-icons/dist/icons/zap.svg?raw';
@@ -38,6 +39,7 @@ const ICONS = {
   phone,
   server,
   settings,
+  target,
   user,
   x,
   zap,

app/components/places-sidebar.gjs

@@ -122,7 +122,7 @@ export default class PlacesSidebar extends Component {
     try {
       const savedPlace = await this.storage.updatePlace(updatedPlace);
       console.log('Place updated:', savedPlace.title);
-      
+
       // Notify parent to refresh map/lists
       if (this.args.onBookmarkChange) {
         this.args.onBookmarkChange();
@@ -148,7 +148,7 @@ export default class PlacesSidebar extends Component {
             {{on "click" this.clearSelection}}
           ><Icon @name="arrow-left" @size={{20}} @color="#333" /></button>
         {{else}}
-          <h2>Nearby Places</h2>
+        <h2><Icon @name="target" @size={{20}} @color="#ea4335" /> Nearby</h2>
         {{/if}}
         <button type="button" class="close-btn" {{on "click" @onClose}}><Icon
             @name="x"

app/styles/app.css

@@ -226,6 +226,9 @@ body {
 .sidebar-header h2 {
   margin: 0;
   font-size: 1.2rem;
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 
 .sidebar-content {
@@ -365,29 +368,31 @@ body {
 .places-list {
   list-style: none;
   padding: 0;
-  margin: 0;
+  margin: -1rem;
 }
 
 .places-list li {
-  margin-bottom: 0.5rem;
 }
 
 .place-item {
   width: 100%;
   text-align: left;
-  background: #f8f9fa;
-  border: 1px solid #ddd;
-  padding: 0.75rem;
-  border-radius: 4px;
+  border: none;
+  border-bottom: 1px solid #eee;
+  background: #fff;
+  color: #333;
+  padding: 1rem;
   cursor: pointer;
   transition: background 0.2s;
+  font-family: inherit;
 }
 
 .place-item:hover {
-  background: #e9ecef;
+  background: #eee;
 }
 
 .place-name {
+  font-size: 1rem;
   font-weight: bold;
   margin-bottom: 0.25rem;
 }