Aesthetic changes

librespeed · Aug 7, 2018 · 0d5567f · 0d5567f
1 parent cdb4d0f
commit 0d5567f
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 6 deletions.
diff --git a/example-telemetry-resultSharing.html b/example-telemetry-resultSharing.html
@@ -88,7 +88,7 @@
 		display:inline-block;
 	}
 	#shareArea{
-		width:100%;
+		width:95%;
 		max-width:40em;
 		margin:0 auto;
 		margin-top:2em;
@@ -285,7 +285,7 @@ <h1>HTML5 Speedtest - Telemetry and sharing example</h1>
 	<div id="shareArea" style="display:none">
 		<h3>Share results</h3>
 		<p>Test ID: <span id="testId"></span></p>
-		<input type="text" value="" id="resultsURL" readonly="readonly" onclick="this.select()"/>
+		<input type="text" value="" id="resultsURL" readonly="readonly" onclick="this.select();this.focus();this.select();document.execCommand('copy');alert('Link copied')"/>
 		<img src="" id="resultsImg" />
 	</div>
 </div>

diff --git a/telemetry/stats.php b/telemetry/stats.php
@@ -15,21 +15,38 @@
 		width:100%; min-height:100%;
 	}
 	html{
-		background-color:#304090;
-		font-family:Sans-Serif;
+		background-color: hsl(198,72%,35%);
+		font-family: "Segoe UI","Roboto",sans-serif;
 	}
 	body{
 		background-color:#FFFFFF;
 		box-sizing:border-box;
 		width:100%;
 		max-width:70em;
 		margin:4em auto;
-		box-shadow:0 0 20em #00000040;
+		box-shadow:0 1em 6em #00000080;
 		padding:1em 1em 4em 1em;
 		border-radius:0.4em;
 	}
+	h1,h2,h3,h4,h5,h6{
+		font-weight:300;
+		margin-bottom: 0.1em;
+	}
+	h1{
+		text-align:center;
+	}
 	table{
-		margin:4em 0;
+		margin:2em 0;
+		width:100%;
+	}
+	table, tr, th, td {
+		border: 1px solid #AAAAAA;
+	}
+	th {
+		width: 6em;
+	}
+	td {
+		word-break: break-all;
 	}
 </style>
 </head>