fix(clipboard-copy): adapt to font-size changes

Author: zeroedin

elements/pf-clipboard-copy/pf-clipboard-copy.css

@@ -3,10 +3,17 @@
   flex-direction: column;
 }
 
-#input-group {
+#input-group,
+#wrapper,
+pf-tooltip,
+pf-button {
   display: flex;
 }
 
+pf-button {
+  height: 100%;
+}
+
 pf-tooltip::part(invoker) {
   display: flex;
   height: 100%;
@@ -16,7 +23,6 @@ pf-tooltip::part(invoker) {
   --pf-icon--size: 16px !important;
 }
 
-
 #input-group > * + * {
   margin-left: -1px;
 }

elements/pf-clipboard-copy/pf-clipboard-copy.ts

@@ -80,14 +80,16 @@ export class PfClipboardCopy extends BaseClipboardCopy {
     return html`
       <div class="container ${classMap({ code, expanded, inline, compact, block, })}">
         <div id="input-group">
-          <pf-button id="expand-button"
-                      plain
-                      variant="control"
-                      label="EXPAND"
-                      ?inert="${!expandable}"
-                      @click="${this.#onClick}">
-            <pf-icon icon="chevron-right"></pf-icon>
-          </pf-button>
+          <div id="wrapper">
+            <pf-button id="expand-button"
+                        plain
+                        variant="control"
+                        label="EXPAND"
+                        ?inert="${!expandable}"
+                        @click="${this.#onClick}">
+              <pf-icon icon="chevron-right"></pf-icon>
+            </pf-button>
+          </div>
           <span ?hidden="${!(inline || compact)}">${this.value}</span>
           <input
               ?hidden="${inline || compact}"