follow-ups to 1972364: increase notification limit, make show-all a link

follow-ups to 1972364: increase notification limit, make show-all a link

diff --git a/app/assets/javascripts/discourse/app/widgets/quick-access-notifications.js b/app/assets/javascripts/discourse/app/widgets/quick-access-notifications.js
index 6334242..955f391 100644
--- a/app/assets/javascripts/discourse/app/widgets/quick-access-notifications.js
+++ b/app/assets/javascripts/discourse/app/widgets/quick-access-notifications.js
@@ -46,7 +46,8 @@ createWidgetFrom(QuickAccessPanel, "quick-access-notifications", {
       "notification",
       {
         recent: true,
-        silent: this.currentUser.enforcedSecondFactor
+        silent: this.currentUser.enforcedSecondFactor,
+        limit: 30
       },
       { cacheKey: "recent-notifications" }
     );
diff --git a/app/assets/javascripts/discourse/app/widgets/quick-access-panel.js b/app/assets/javascripts/discourse/app/widgets/quick-access-panel.js
index 6c56802..388dcc6 100644
--- a/app/assets/javascripts/discourse/app/widgets/quick-access-panel.js
+++ b/app/assets/javascripts/discourse/app/widgets/quick-access-panel.js
@@ -102,11 +102,12 @@ export default createWidget("quick-access-panel", {
 
     if (!this.hideBottomItems()) {
       bottomItems.push(
-        this.attach("button", {
+        // intentionally a link so it can be ctrl clicked
+        this.attach("link", {
           title: "view_all",
           icon: "chevron-down",
-          className: "show-all",
-          url: this.showAllHref()
+          className: "btn btn-default btn-icon no-text show-all",
+          href: this.showAllHref()
         })
       );
     }
diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index 57a61fe..8e7d9e3 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -75,7 +75,7 @@
       margin-left: 0.5em;
     }
 
-    button {
+    .btn {
       background-color: var(--primary-very-low);
       color: var(--primary-high);
       &:hover {

GitHub sha: 9bc992dc