Improved click area and layout of copy URL thing

And I didn't even get an LLM to write this for me!

Author: simonw

youtube-thumbnails.html

@@ -50,10 +50,10 @@
             display: flex;
             align-items: center;
             justify-content: center;
+            cursor: pointer;
         }
         .copy-icon {
-            margin-left: 5px;
-            cursor: pointer;
+            margin-right: 10px;
         }
     </style>
 </head>
@@ -86,9 +86,9 @@ <h1>YouTube Thumbnail Viewer</h1>
                         <div class="thumbnail">
                             <img src="${imageUrl}" alt="Thumbnail ${type}" onclick="toggleExpand(this)">
                             <p class="image-size"></p>
-                            <div class="thumbnail-url">
+                            <div class="thumbnail-url" onclick="copyText('${imageUrl}')">
+                                <span class="copy-icon">📋</span>
                                 <span>${imageUrl}</span>
-                                <span class="copy-icon" onclick="copyText('${imageUrl}')">📋</span>
                             </div>
                         </div>
                     `;