Update styles for copy to clipboard

Co-authored-by: Alex Paxton <thealexpaxton@gmail.com>

ui/src/flux/components/DatabaseListItem.tsx

@@ -52,9 +52,11 @@ class DatabaseListItem extends PureComponent<Props, State> {
     return (
       <div className={this.className} onClick={this.handleClick}>
         <div className="flux-schema-item">
-          <div className="flux-schema-item-toggle" />
-          {db}
-          <span className="flux-schema-type">Bucket</span>
+          <div className="flex-schema-item-group">
+            <div className="flux-schema-item-toggle" />
+            {db}
+            <span className="flux-schema-type">Bucket</span>
+          </div>
           <CopyToClipboard text={db} onCopy={this.handleCopy}>
             <div className="flux-schema-copy" onClick={this.handleCopyClick}>
               <span className="icon duplicate" title="copy to clipboard" />

ui/src/style/components/time-machine/flux-explorer.scss

@@ -120,6 +120,12 @@ $flux-tree-line: 2px;
   }
 }
 
+.flex-schema-item-group {
+  display: flex;
+  flex: 1 0 0;
+  align-items: center;
+}
+
 @keyframes skeleton-animation {
   0% {
     background-position: 100% 50%;