X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;ds=sidebyside;f=examples%2Fhtdocs%2Ftester.html;h=ec26581e8d8b614e7f2426683210bc9ca9eea932;hb=31898c6914fe6358e2404e3eac28de95385ecf83;hp=3e9ca3ea9f0f6afe303fbaca338eb8215bbc33e1;hpb=f44f21e6eb51f916782d36fac4625219dea31bf3;p=mkws-moved-to-github.git

diff --git a/examples/htdocs/tester.html b/examples/htdocs/tester.html
index 3e9ca3e..ec26581 100644
--- a/examples/htdocs/tester.html
+++ b/examples/htdocs/tester.html
@@ -51,7 +51,7 @@ html {
   height: 100%;
 }
 body {
-  background-color: #888892;
+  background-color: #bbbbbb;
   margin: 0;
   padding: 0;
   display: flex;
@@ -62,8 +62,8 @@ header {
   font-size: 1.3em;
 }
 #top-bar, #current-bar {
-  padding: .5em;
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
 }
@@ -123,12 +123,12 @@ header button:hover, header button:active, header button:focus {
   font-size: 110%;
 }
 #settings, #judiciary {
-  flex: 1;
+  padding: .5em;
   display: flex;
   align-items: center;
 }
 #results, #query-info {
-  flex: 1;
+  padding: .5em;
   display: flex;
   text-align: right;
   align-items: center;
@@ -139,12 +139,14 @@ header button:hover, header button:active, header button:focus {
 }
 #test-area {
   flex: 1;
-  padding: 1em;
+  padding: 2em;
   display: flex;
   justify-content: center;
-  align-items: center;
   overflow: auto;
 }
+#test-subject {
+  margin: auto;
+}
 #results-table {
   flex: 1;
   padding: 1em;