Move Copy Path next to save file label with copy icon

index.html

@@ -29,10 +29,11 @@
       <input type="file" id="fileInput" accept=".zip,.json" hidden>
     </div>
     <div class="path-hint">
-      <span class="path-label">Your save file is here</span>
+      <span class="path-label">Your save file is here
+        <button type="button" class="btn-link copy-btn" id="copyPathBtn"><svg viewBox="0 0 16 16" width="13" height="13" aria-hidden="true"><rect x="5" y="5" width="9" height="9" rx="1.5" fill="none" stroke="currentColor" stroke-width="1.5"/><path d="M11 5V3.5A1.5 1.5 0 0 0 9.5 2h-6A1.5 1.5 0 0 0 2 3.5v6A1.5 1.5 0 0 0 3.5 11H5" fill="none" stroke="currentColor" stroke-width="1.5"/></svg><span>Copy Path</span></button>
+      </span>
       <code class="path"><span>%USERPROFILE%\AppData\LocalLow\Endnight\SonsOfTheForest\Saves\</span><var>SteamID</var><span>\SinglePlayer\</span><var>SaveID</var><span>\SaveData.zip</span></code>
       <p class="path-note"><var>SteamID</var> is the long number folder. <var>SaveID</var> is one folder per save; sort by date modified to find your latest. Hosted co-op saves are under Multiplayer instead of SinglePlayer.</p>
-      <button type="button" class="btn-link" id="copyPathBtn">Copy Saves folder path</button>
     </div>
   </section>
 

styles.css

@@ -142,6 +142,27 @@ main {
   border-bottom: 1px dotted var(--blood-hi);
 }
 
+.path-label {
+  display: flex;
+  align-items: baseline;
+  gap: 0.35rem;
+}
+
+.copy-btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  padding: 0;
+  text-decoration: none;
+}
+
+.copy-btn span {
+  text-decoration: underline;
+  text-underline-offset: 3px;
+}
+
+.copy-btn svg { position: relative; top: 1px; }
+
 .path-note {
   margin: 0;
   max-width: 60em;