Move Copy button outside of the code block (baserow#4267)

Author: paljort

web-frontend/modules/automation/components/sidebar/SampleDataModal.vue

@@ -3,16 +3,15 @@
     <h2 class="box__title">{{ title }}</h2>
     <div class="sample-data-modal__sub-title">
       {{ $t('simulateDispatch.sampleDataModalSubTitle') }}
-    </div>
-    <div class="sample-data-modal__code">
       <Button
-        class="sample-data-modal__copy-button"
         type="secondary"
         icon="iconoir-copy simulate-dispatch-node__button-icon"
         @click="copyToClipboard"
       >
         {{ $t('simulateDispatch.sampleDataCopy') }}
       </Button>
+    </div>
+    <div class="sample-data-modal__code">
       <pre><code>{{ sampleData }}</code></pre>
     </div>
   </Modal>

web-frontend/modules/core/assets/scss/components/automation/workflow/sample_data_modal.scss

@@ -8,6 +8,9 @@
 }
 
 .sample-data-modal__sub-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   font-size: 14px;
   margin-bottom: 10px;
 }
@@ -30,10 +33,3 @@
     word-break: break-word;
   }
 }
-
-.sample-data-modal__copy-button {
-  position: absolute;
-  top: 6px;
-  right: 6px;
-  z-index: 1;
-}