Allow editing of bookmarks/places

app/styles/app.css

@@ -223,6 +223,64 @@ body {
   padding: 1rem;
 }
 
+.edit-form {
+  margin: -1rem;
+  margin-bottom: 1rem;
+  background: #f8f9fa;
+  padding: 1rem;
+  border-bottom: 1px solid #eee;
+}
+
+.form-group {
+  margin-bottom: 0.75rem;
+}
+
+.form-group label {
+  display: block;
+  font-size: 0.85rem;
+  color: #666;
+  margin-bottom: 0.25rem;
+}
+
+.form-control {
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-family: inherit;
+  font-size: 0.95rem;
+  box-sizing: border-box; /* Ensure padding doesn't overflow width */
+}
+
+.form-control:focus {
+  outline: none;
+  border-color: #007bff;
+  box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
+}
+
+.edit-actions {
+  display: flex;
+  gap: 0.5rem;
+  justify-content: flex-end;
+}
+
+.btn-full {
+  width: 100%;
+}
+
+.btn-primary {
+  background: #007bff;
+  color: white;
+  border: none;
+  padding: 0.75rem;
+  border-radius: 4px;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.btn-primary:hover {
+  background: #0069d9;
+}
 .back-btn {
   background: none;
   border: none;
@@ -262,13 +320,14 @@ body {
 }
 
 .place-details .place-description {
+  margin-bottom: 1.5rem;
 }
 
 .place-details .actions {
   padding-bottom: 0.3rem;
-  /* display: flex; */
-  /* flex-direction: row; */
-  /* gap: 1rem; */
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
 }
 
 .btn {
@@ -283,6 +342,11 @@ body {
   gap: 0.5rem;
 }
 
+.btn-sm {
+  padding: 0.4rem 1rem !important;
+  font-size: 0.9rem !important;
+}
+
 .btn-outline {
   background: transparent;
   color: #333;