Put button for remote in correct location / style

KidA001 · Jul 31, 2018 · a65fd8b · a65fd8b
1 parent 28c6b30
commit a65fd8b
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/app/css/vicWebApp.css b/app/css/vicWebApp.css
@@ -147,6 +147,20 @@ header {
 
 /*********** MODULES ***********/
 
+.remoteBtn {
+  line-height: 24px;
+  display: inline-block;
+  background: white;
+  border: none;
+  font-size: 14px;
+  border-radius: 5px;
+  font-weight: bold;
+  padding: 10px 20px;
+  color: #387cc6;
+  position: absolute;
+  right: 10px;
+}
+
 .shorePower {
 	-webkit-box-shadow: inset 0 0 0 2px #387DC5;
 	-moz-box-shadow: inset 0 0 0 2px #387DC5;

diff --git a/app/index.html b/app/index.html
@@ -32,9 +32,9 @@ <h4>MultiPlus</h4>
 
   <header>
     <img src="images/logo-vic.svg">
-    <input type="button" value="Toggle shore power" style="visibility: hidden; float: right;" onclick="toggleShorePower();"></input>
-    <input type="button" value="Toggle shore voltage" style="visibility: hidden; float: right;" onclick="toggleShoreVoltage();"></input>
-    <input type="button" onclick="location.href='http://192.168.3.70/';" value="Remote Console" />
+    <input type="button" value="Toggle shore power" style="display:none ; float: right;" onclick="toggleShorePower();"></input>
+    <input type="button" value="Toggle shore voltage" style="display:none; float: right;" onclick="toggleShoreVoltage();"></input>
+    <input class="remoteBtn" type="button" onclick="location.href='http://192.168.3.70/';" value="Remote Console" />
     <a href=""></a>
   </header>
   <div class="container">