updated how name is copied by user

src/components/Snippets.js

@@ -55,16 +55,12 @@ export function Unique(props) {
 
 export function Name(props) {
   let name = props.name.split(",");
-  if (name.length > 1) {
-    return (<span>
-      <span className="bigger">{name[0]}</span><br />
-      &nbsp;&nbsp;<span style={{fontSize: "13px",paddingBottom: "4px", display: "inline-block"}}>{name[1]}</span>
-    </span>);
-  } else {
-    return (<span>
-      <span className="bigger">{name[0]}</span>
-    </span>);
-  }
+  return (<span className="name">
+    <span className="bigger">{name[0]}</span><span style={{opacity: "0"}}>,</span>
+    { name.length >1 &&
+      <span className="subname">{name[1]}</span>
+    }
+  </span>);
 }
 
 export function Element(props) {

src/scss/base.scss

@@ -18,3 +18,21 @@
 .bigger {
     font-size: 14px;
 }
+
+.name {
+    -webkit-user-select: all;
+    -moz-user-select: all;
+    -ms-user-select: all;
+    user-select: all;
+}
+
+.name .subname::before {
+    content: "\a  ";
+    white-space: pre;
+}
+
+.name .subname {
+    font-size: 13px;
+    padding-bottom: 4px;
+    display: inherit;
+}