Fix styling of notification modal. Closes #2080

web/components/modals/FollowModal/FollowModal.module.scss

@@ -13,6 +13,8 @@
   font-family: var(--theme-text-display-font-family);
   font-size: 0.7rem;
   font-weight: 600;
+  margin-top: 5px;
+  margin-bottom: 5px;
 }
 
 .footer {
@@ -25,6 +27,10 @@
   margin-top: 5px;
   margin-bottom: 10px;
   font-size: 0.8rem;
+  border-color: var(--color-owncast-palette-5);
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 6px;
 
   .logo {
     border-radius: 50%;

web/components/modals/FollowModal/FollowModal.tsx

@@ -79,7 +79,7 @@ export const FollowModal: FC<FollowModalProps> = ({ handleClose, account, name }
         By following this stream you'll get notified on the Fediverse when it goes live. Now is a
         great time to
         <a href="https://owncast.online/join-fediverse" target="_blank" rel="noreferrer">
-          learn about the Fediverse
+          &nbsp;learn about the Fediverse&nbsp;
         </a>
         if it's new to you.
       </div>