More spacing tweaks

src/routes/_components/profile/AccountProfile.html

@@ -45,7 +45,6 @@
                          "details    details     details   details       details";
     grid-template-columns: min-content auto 1fr 1fr min-content;
     grid-column-gap: 15px;
-    grid-row-gap: 5px;
     padding: 20px;
     padding-bottom: 0;
     justify-content: center;

src/routes/_components/profile/AccountProfileHeader.html

@@ -102,12 +102,6 @@
   }
 
   @media (max-width: 767px) {
-    .account-profile-name {
-      /* font-size: 1.3em; */
-    }
-    .account-profile-username {
-      /* font-size: 1.1em; */
-    }
     .account-profile-name {
       align-self: flex-end;
     }

src/routes/_components/profile/AccountProfileNote.html

@@ -5,34 +5,21 @@
 <style>
   .account-profile-note {
     grid-area: note;
-    padding: 10px 0;
     font-size: 0.9em;
     word-wrap: break-word;
     overflow: hidden;
     white-space: pre-wrap;
+    margin-top: 10px;
+    margin-bottom: 10px;
   }
 
-  :global(.account-profile-note p) {
-    margin: 0 0 20px;
-  }
-
-  :global(.account-profile-note p:first-child) {
-    margin: 0 0 20px;
-  }
-
-  :global(.account-profile-note p:last-child) {
-    margin: 0;
+  :global(.account-profile-note p:not(:last-child)) {
+    margin-bottom: 20px;
   }
 
   :global(.underline-links .account-profile-note a) {
     text-decoration: underline;
   }
-
-  @media (max-width: 767px) {
-    .account-profile-note {
-      padding: 5px 0;
-    }
-  }
 </style>
 <script>
   import { store } from '../../_store/store.js'