Minor UI improvment

manifest.json

@@ -20,5 +20,5 @@
 		"storage",
 		"clipboardWrite"
 	],
-	"version": "1.1"
+	"version": "1.1.1"
 }

popup.css

@@ -25,6 +25,7 @@ body {
 	color: var(--fg-color);
 	max-height: 600px;
 	margin: 0;
+	font-size: 12px;
 }
 
 input {
@@ -32,6 +33,7 @@ input {
 	color: var(--fg-color);
 	border: 1px solid var(--border-color);
 	margin: 4px;
+	padding: 2px 4px;
 	border-radius: 5px;
 }
 

popup.html

@@ -29,7 +29,7 @@
 						<input type="password" id="entry-secret" required />
 						<img id="entry-visibility" class="icon visibility" src="/icons/visibility.svg" />
 					</div>
-					<button><img class="icon" src="/icons/add.svg"></button>
+					<button><img class="icon" src="/icons/add.svg" title="Add"></button>
 				</div>
 			</form>
 		</div>

popup.js

@@ -209,10 +209,12 @@ class Entry
 		action_elt.className = "action"
 		let edit_elt = document.createElement('img')
 		edit_elt.src = "/icons/edit.svg"
+		edit_elt.title = 'Edit'
 		edit_elt.addEventListener('click', () => {this.openEdit()})
 		action_elt.appendChild(edit_elt)
 		let delete_elt = document.createElement('img')
 		delete_elt.src = "/icons/delete.svg"
+		delete_elt.title = 'Delete'
 		delete_elt.addEventListener('click', () => {store.removeEntry(this)})
 		action_elt.appendChild(delete_elt)
 		header_elt.appendChild(action_elt)
@@ -310,9 +312,11 @@ class Entry
 
 		let done_elt = document.createElement('img')
 		done_elt.src = "/icons/done.svg"
+		done_elt = 'Save'
 		this.elements.action.appendChild(done_elt)
 		let close_elt = document.createElement('img')
 		close_elt.src = "/icons/close.svg"
+		close_elt.title = 'Cancel'
 		this.elements.action.appendChild(close_elt)
 
 		done_elt.addEventListener('click', () => {