X-Git-Url: http://git.indexdata.com/?a=blobdiff_plain;f=examples%2Fhtdocs%2Ftester.html;h=d94988c840bcbf84403a0abf6b53f5710f77380a;hb=7d7a5862b72296ef76b6f4f5cfb7b0e89147b6a3;hp=3e9ca3ea9f0f6afe303fbaca338eb8215bbc33e1;hpb=f44f21e6eb51f916782d36fac4625219dea31bf3;p=mkws-moved-to-github.git
diff --git a/examples/htdocs/tester.html b/examples/htdocs/tester.html
index 3e9ca3e..d94988c 100644
--- a/examples/htdocs/tester.html
+++ b/examples/htdocs/tester.html
@@ -6,11 +6,12 @@
MKWS demo: Reference & Credo, and popup widget, development
-
+
@@ -34,7 +35,7 @@
-
+
@@ -51,7 +52,7 @@ html {
height: 100%;
}
body {
- background-color: #888892;
+ background-color: #bbbbbb;
margin: 0;
padding: 0;
display: flex;
@@ -61,9 +62,22 @@ body {
header {
font-size: 1.3em;
}
-#top-bar, #current-bar {
- padding: .5em;
+header button, #note > input {
+ margin-left: 1em;
+ border-radius: 4px;
+ background-color: #4368a1;
+ color: #dbe9ff;
+ font: inherit;
+ font-weight: normal;
+ border: 1px solid #7492c3;
+ padding: 0.15em 0.25em;
+}
+header button:hover, header button:active, header button:focus {
+ background-color: #2f5591;
+}
+#top-bar, #current-bar, #note {
display: flex;
+ flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
@@ -75,18 +89,15 @@ header {
background-color: #54d8a8;
color: #002868;
}
-header button {
- margin-left: 1em;
- border-radius: 4px;
- background-color: #4368a1;
- color: #dbe9ff;
- font: inherit;
- font-weight: normal;
- border: 1px solid #7492c3;
- padding: 0.15em 0.25em;
+#note {
+ width: 100%;
+ padding: .5em;
}
-header button:hover, header button:active, header button:focus {
- background-color: #2f5591;
+#note > input {
+ flex: 1;
+ background-color: #7de3be;
+ border-color: #7ed6b6;
+ color: #002868;
}
#maybe {
background-color: #F0AD4E;
@@ -123,12 +134,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 +150,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;
@@ -179,6 +192,7 @@ header button:hover, header button:active, header button:focus {
Settings:
+
@@ -199,11 +213,17 @@ header button:hover, header button:active, header button:focus {
+
+ Note:
+
+
+
+
@@ -221,7 +241,7 @@ header button:hover, header button:active, header button:focus {