revise user-select property

src/profiles/Profile.css

@@ -28,6 +28,10 @@
     }
 
     word-break: break-all;
+
+    & * {
+      user-select: text;
+    }
   }
 
   .acct-grp {
@@ -49,6 +53,18 @@
   .name-grp {
     display: flex;
     flex-flow: column nowrap;
+
+    & * {
+      user-select: text;
+    }
+
+    .display-name {
+      display: block;
+    }
+
+    .username {
+      user-select: all;
+    }
   }
 
   .acct-mark {
@@ -57,9 +73,7 @@
     margin-right: 0.25em;
   }
 
-  .display-name {
-    display: block;
-  }
+
 
   table.acct-fields {
     word-break: break-all;
@@ -78,6 +92,10 @@
     & svg {
       vertical-align: middle;
     }
+
+    & * {
+      user-select: text;
+    }
   }
 
   .toot-list-toolbar {

src/profiles/Profile.tsx

@@ -424,7 +424,7 @@ const Profile: Component = () => {
                 aria-label="Display name"
               ></Body2>
             </div>
-            <span aria-label="Complete username">{fullUsername()}</span>
+            <span aria-label="Complete username" class="username">{fullUsername()}</span>
           </div>
           <div role="presentation">
             <Switch>