design changes for serial over lan and added header copy for page based on user feedback.
Change-Id: I1c740af47f7d4b2f26f433aa3d9e1243d53b39ef
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/server-control/controllers/remote-console-controller.html b/app/server-control/controllers/remote-console-controller.html
index d08882a..34bf2cd 100644
--- a/app/server-control/controllers/remote-console-controller.html
+++ b/app/server-control/controllers/remote-console-controller.html
@@ -3,14 +3,16 @@
<h1>Serial over LAN console</h1>
</div>
<section class="row column">
- <!--<div class="column small-12 page-header">-->
- <!--<h2 class="h4">SoL console</h2>-->
- <!--</div>-->
+ <div class="page-header">
+ <h2 class="h4">Access the Serial over LAN console</h2>
+ </div>
+ </section>
+ <section class="row column">
<p class="serial-lan__copy">The Serial over LAN (SoL) console redirects the output of the server’s serial port to a browser window on your workstation.</p>
<div class="serial-lan__wrapper">
<div id="terminal" class="serial-lan__terminal"></div>
<div class="serial-lan__actions">
- <a href="#" class="inline bold btn-pop-out" target="_blank">Open in new tab</a>
+ <a href="#" class="inline btn-pop-out" target="_blank">Open in new tab</a>
<a href="#" class="inline btn-export" download="{{export_name}}">Export console data</a>
</div>
</div>
diff --git a/app/server-control/styles/remote-console.scss b/app/server-control/styles/remote-console.scss
index dd8778d..2ef3779 100644
--- a/app/server-control/styles/remote-console.scss
+++ b/app/server-control/styles/remote-console.scss
@@ -1,13 +1,13 @@
.serial-lan__wrapper {
- background: $lightgrey;
- border: 1px solid $medgrey;
- padding: 2.5em 2.5em 5em 2.5em;
.btn-export {
margin: 1.8em 0 1.8em 2em;
}
}
+.serial-lan__copy {
+ padding: 1em 0;
+}
.serial-lan__terminal {
position: relative;
width: 101%; //extra 1% to fix redraw issue with terminal window
@@ -16,13 +16,14 @@
overflow: scroll;
}
-.serial-lan__copy {
- padding: 2.5em 2.5em 1em;
-}
-
.serial-lan__actions {
float: right;
- a {
+ .btn-pop-out,
+ .btn-export {
text-decoration: none;
+ font-size: .9em;
+ &:visited {
+ color: $black;
+ }
}
}
\ No newline at end of file