UX: update styling of overlapping alert new/updated topics (#56)

scss/main.scss

@@ -90,6 +90,16 @@ body:not(.has-full-page-chat) {
 }
 
 .list-container {
+  .show-more.has-topics {
+    right: 50%;
+    transform: translateX(50%);
+
+    .alert {
+      padding: var(--spacing-block-sm) var(--spacing-inline-m);
+      border-radius: var(--d-border-radius-large);
+      font-size: var(--font-down-1-rem);
+    }
+  }
   .topic-list-body {
     padding-top: var(--spacing-block-m);
   }

scss/misc.scss

@@ -91,6 +91,11 @@ input[type="color"]:focus,
   background-color: var(--primary-50);
 }
 
+
+.alert.alert-info {
+  background: var(--tertiary-very-low);
+}
+
 .discourse-reactions-list .reactions {
   gap: 0.15em;
 }