fix buttons

app/components/app-link.imba

@@ -1,5 +1,16 @@
 tag app-link
 
+	def handle_delete link
+		return unless window.confirm "Do you really want to delete {link..display_name}?"
+		api.delete_link link
+
+	def handle_pin link
+		api.pin_link link
+
+	def handle_edit
+		return unless state.sorted_links.length > 0
+		refs.edit.open api.selected_link
+
 	def render
 		<self
 			@pointerover=api.set_link_selection_index(index)
@@ -12,7 +23,7 @@ tag app-link
 				css c:$bang-color
 
 			<.link-left>
-				css d:flex fl:1
+				css d:flex fl:3
 
 				<img.link-icon src=link.icon>
 					css w:20px h:20px mr:10px rd:3px
@@ -30,25 +41,31 @@ tag app-link
 						<span.parens> ")"
 
 			<.link-right>
-				css d:flex fld:row jc:space-between ai:center
+				css fl:1 d:flex fld:row jc:space-between ai:center
+
 				css .buttons-disabled .link-button visibility:hidden
 				css .selected .link-button visibility:visible
 
 				<.link-buttons .buttons-disabled=!config.data.enable_buttons>
-					css d:flex fld:row jc:start ai:center pr:25px gap:5px
+					css d:flex fld:row jc:start ai:center gap:5px
+
 					css .link-button visibility:hidden rd:3px c:$button-c fs:15px cursor:pointer px:3px
+					if index is state.link_selection_index
+						css .link-button visibility:visible
+
 					css .link-button svg w:15px
 
-					<.link-button@click.prevent.stop=handle_click_edit(link)>
+					<.link-button@click.prevent.stop=handle_edit(link)>
 						<svg src='../assets/edit-2.svg'>
 
-					<.link-button@click.prevent.stop=handle_click_delete(link)>
+					<.link-button@click.prevent.stop=handle_delete(link)>
 						<svg src='../assets/trash.svg'>
 
-					<.link-button
+					<.link-button @click.prevent.stop=handle_pin(link)>
-						@click.prevent.stop=handle_click_pin(link)
+						if link.is_pinned
-						[visibility:visible c:$button-dim-c]=(link.is_pinned and (index isnt state.link_selection_index or not config.data.enable_buttons))
+							css visibility:visible c:$button-dim-c
-					> <svg src='../assets/star.svg'>
+
+						<svg src='../assets/star.svg'>
 
 				<.frequency> link.frequency
 					css fs:15px ml:7px

app/components/app-links.imba

@@ -1,16 +1,5 @@
 tag app-links
 
-	def handle_click_delete link
-		return unless window.confirm "Do you really want to delete {link..display_name}?"
-		handle_delete link
-
-	def handle_click_pin link
-		api.pin_link link
-
-	def handle_edit
-		return unless state.sorted_links.length > 0
-		refs.edit.open api.selected_link
-
 	get tips
 		let result = []