Add + adjust text copy component

bookwyrm/static/css/bookwyrm.css

@@ -136,6 +136,10 @@ summary::marker {
     content: none;
 }
 
+summary {
+    cursor: pointer;
+}
+
 .detail-pinned-button summary {
     position: absolute;
     right: 0;
@@ -586,6 +590,37 @@ ol.ordered-list li::before {
     min-height: calc(2 * var(--height-basis));
 }
 
+/* Copy
+ ******************************************************************************/
+
+.horizontal-copy {
+    display:  flex;
+    flex-direction: row;
+    align-items: center;
+    gap: .75rem;
+}
+
+.horizontal-copy textarea {
+    min-width: initial;
+    white-space: nowrap;
+}
+
+.horizontal-copy button {
+    align-self: stretch;
+    height: unset;
+}
+
+.vertical-copy {
+    display:  flex;
+    flex-direction: column;
+    align-items: stretch;
+    gap: .75rem;
+}
+
+.vertical-copy button {
+    width: 100%;
+}
+
 /* Dimensions
  * @todo These could be in rem.
  ******************************************************************************/