ui/raw/index.js

@@ -55,8 +55,14 @@ function dnswatch_search() {
 					table += '</tr>\n'
 				});
 
+				table += '</table>';
+				// randomized response message
+				if (response['data']['randomized_response']) {
+					table += '<small class="random">This domain uses randomized responses. <button>Learn more</button></small>\n';
+				}
+
 				if (response['data']['found']) {   // only if reference confirms
-					table += '<tr></tr>\n';   // spacer
+					table += '<table><tr></tr>\n';   // spacer
 					//// search rows
 					response['data']['search'].forEach(i => {
 						table += '<tr>\n';

ui/raw/index.sass

@@ -51,6 +51,7 @@ input, button
 
 #search
 	text-align: center
+	margin-bottom: 5rem
 	#searchbar
 		.buttonspacer
 			display: inline-block
@@ -122,9 +123,21 @@ input, button
 			vertical-align: -.3rem
 
 #results
+	small.random
+		color: darken($c-fg, 50%)
+		display: block
+		margin-top: 1rem
+		text-align: center
+		button
+			background: none
+			border: none
+			color: darken($c-fg, 40%)
+			cursor: pointer
+			outline: none
+			text-decoration: underline
+
 	table
 		margin-left: 25vw
-		margin-top: 5rem
 		width: 50vw
 		tr
 			height: 3rem