copy clearify

static/index.html

@@ -34,13 +34,13 @@
             https://cloud.sondell.org/
           </code>
           <button
-            style="font:inherit;font-size:.8em;background:#3465a4;color:white;border:none;padding: 0 .4em; border-radius: .4em"
+            class="url"
             _="on click
               writeText(my previousElementSibling's innerText) into navigator's clipboard
               put 'copied!' into me
               wait 1s
-              put 'copy' into me">
-            copy
+              put 'copy url' into me">
+            copy url
           </button>
         </p>
         <span>

static/style.css

@@ -10,14 +10,31 @@ body {
 }
 
 .app-link {
-	margin: 6px;
 	text-decoration: none;
+
+	img {
+		margin: 6px 6px 0px 6px;
+	}
 }
 
 .link {
 	color: green;
 }
 
+button.url {
+	font: inherit;
+	font-size: .8em;
+	background: #3465a4;
+	color: white;
+	border: none;
+	padding: 0 .4em;
+	border-radius: .4em;
+
+	&:hover {
+		background: lightblue;
+	}
+}
+
 .list {
 	/* display: flex; */
 	flex-direction: column;
@@ -32,7 +49,7 @@ body {
 	max-width: 40em;
 
 	&:hover {
-		background-color: lightblue;
+		background-color: lightyellow;
 	}
 
 	&:not(:last-of-type) {