make the status field bold/boxed

[chrome-ext/wake-on-lan.git] / main.html

diff --git a/main.html b/main.html
index 3174f0cee0a0c70d46629551f9821d2d26ebf1f3..4d35eb260ca9838a93b3d9d7a57653bbff34552b 100644 (file)
--- a/main.html
+++ b/main.html
@@ -7,6 +7,7 @@
 <script src='js/net_error_list.js'></script>
 <script src='js/common.js'></script>
 <script src='js/main.js'></script>
+<script src='js/theme.js'></script>
 <style>
 body {
        background-color: black;
@@ -23,9 +24,21 @@ input[name=port] {
        text-align: center;
 }
 
+input[name=theme] {
+       text-align: center;
+       position: absolute;
+       top: 3px;
+       left: 3px;
+}
+
 a {
        color: grey;
 }
+
+.status {
+       font-weight: bold;
+       border: 1px dashed;
+}
 </style>
 </head>
 
@@ -35,6 +48,7 @@ a {
  <a href='https://en.wikipedia.org/wiki/Wake-on-LAN' target='_blank'>
  Wake-On-Lan (WOL) Magic Packet Generator
  </a>
+ <input type='button' name='theme' value='&#9788;'>
 </p>
 
 <div class='settings'>
@@ -97,8 +111,6 @@ a {
 
 <p class='status'>Status: <span name='status'>idle</span></p>
 
-<br>
-
 <p>
 Problems?  Try
 <a href='https://en.wikipedia.org/wiki/Wake-on-LAN#Troubleshooting_magic_packets' target='_blank'>troubleshooting</a>.<br>