You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@trafficcontrol.apache.org by ro...@apache.org on 2018/10/18 18:10:24 UTC

[trafficcontrol] 02/02: Tabs look more like tabs; bigger top margin; moved misc stats

This is an automated email from the ASF dual-hosted git repository.

rob pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/trafficcontrol.git

commit 30d5c8359824d14769165bb51ef953a06ac7b325
Author: ocket8888 <oc...@gmail.com>
AuthorDate: Fri Oct 5 12:16:59 2018 -0600

    Tabs look more like tabs; bigger top margin; moved misc stats
---
 traffic_monitor/static/index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/traffic_monitor/static/index.html b/traffic_monitor/static/index.html
index ceb91d3..5955fd5 100644
--- a/traffic_monitor/static/index.html
+++ b/traffic_monitor/static/index.html
@@ -63,6 +63,7 @@ under the License.
 			justify-content: space-around;
 			align-items: center;
 			width: 100%;
+			margin: 15px 0;
 		}
 
 		div#links {
@@ -95,8 +96,9 @@ under the License.
 			cursor: pointer;
 			position: relative;
 			top: 4px;
-			transition: 0.3s;
+			transition: background-color ease-in-out 0.3s;
 			text-align: center;
+			border: 1px solid green;
 		}
 		label:hover {
 			background-color: #cfd;
@@ -126,6 +128,7 @@ under the License.
 		}
 		input.tab:checked ~ label{
 			background-color: #adb;
+			border-bottom-width: 0;
 		}
 		ul.tabs li {
 			float: left;
@@ -498,6 +501,8 @@ under the License.
 		</div>
 	</div>
 
+	<div id="update-num-text">Number of updates: <span id="update-num">0</span></div>
+	<div id="last-val-text">Last Val: <span id="last-val">0</span></div>
 	<ul class="tabs" role="tablist">
 		<li class="tab tab-header" id="cache-states-content-tab">
 			<input type="radio" name="tabs" class="tab" id="cache-states-input" checked />
@@ -568,7 +573,5 @@ under the License.
 		</li>
 	</ul>
 
-	<div id="update-num-text">Number of updates: <span id="update-num">0</span></div>
-	<div id="last-val-text">Last Val: <span id="last-val">0</span></div>
 </body>
 </html>