TootAuthorGroup: fix visual on Profile

src/profiles/Profile.css

@@ -49,25 +49,27 @@
       flex-grow: 1;
       text-align: right;
     }
-  }
 
-  .name-grp {
-    display: flex;
-    flex-flow: column nowrap;
+    >.name-grp {
+      display: flex;
+      flex-flow: column nowrap;
 
-    & * {
-      user-select: text;
-    }
+      & * {
+        user-select: text;
+      }
 
-    .display-name {
-      display: block;
-    }
+      .display-name {
+        display: block;
+      }
 
-    .username {
-      user-select: all;
+      .username {
+        user-select: all;
+      }
     }
   }
 
+
+
   .acct-mark {
     font-size: 1.2em;
     vertical-align: sub;

src/timelines/toots/TootAuthorGroup.css

@@ -24,7 +24,7 @@
   }
 
   &:hover {
-    .tootAuthorNamePrimary {
+    > .name-primary {
       text-decoration: underline;
     }
   }

src/timelines/toots/TootAuthorGroup.tsx

@@ -21,7 +21,7 @@ function TootAuthorGroup(
   return (
     <div class="TootAuthorGroup" {...rest}>
       <Img src={toot().account.avatar} class="avatar" />
-      <div class={"name-grp"}>
+      <div class="name-grp">
         <div class="name-primary">
           <Show when={toot().account.bot}>
             <SmartToySharp class="acct-mark" aria-label="Bot" />