@@ -267,6 +267,14 @@
const event = new CustomEvent("manage-styles");
this.dispatchEvent(event);
});
+ // Click manage-styles link on space or enter. Otherwise, Enter would submit the dialog
+ // and space would do nothing.
+ this.querySelector('#manage-styles').addEventListener('keypress', (event) => {
+ if (event.key == 'Enter' || event.key == ' ') {
+ event.preventDefault();
+ event.target.click();
+ }
+ });
}
handleStyleChanged(style) {
diff --git a/scss/preferences/_cite.scss b/scss/preferences/_cite.scss
index 5da18847e3..41e989edfc 100644
--- a/scss/preferences/_cite.scss
+++ b/scss/preferences/_cite.scss
@@ -22,6 +22,12 @@
width: 105px;
}
+/* Get additional styles link should occupy only as much space as needed */
+#styleManager-buttons .zotero-text-link {
+ max-width: fit-content;
+ margin-right: auto;
+}
+
#openCSLEdit, #styleManager-delete {
margin-inline-end: 6px;
}