Styled the input fields at the top of the page

chrisjameskirkham · Aug 29, 2010 · 1b4da38 · 1b4da38
1 parent e18863c
commit 1b4da38
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 1 deletion.
diff --git a/css/TableViewer.css b/css/TableViewer.css
@@ -23,6 +23,41 @@ div#top img#loading_gif.hidden {
 	visibility:hidden;
 }
 
+div#top input[type="button"] {
+	float:right;
+	border:1px solid silver;
+	font-family:courier;
+}
+
+div#settings {
+	border-top:1px solid black;
+	margin-top:5px;
+	padding:5px 21px;
+	overflow:auto;
+}
+
+div#top div#settings label {
+	float:left;
+	text-align:right;
+	display:block;
+	clear:both;
+	position:relative;
+	top:3px;
+}
+
+div#top div#settings input[type="text"] {
+	border:1px solid silver;
+	width:3em;
+	float:left;
+	margin-right:10px;
+	margin-left:5px;
+}
+
+div#content {
+	clear:both;
+	padding:5px;
+}
+
 table#TableViewer {
 	border-collapse:collapse;
 	border:1px solid silver;

diff --git a/template/header.html b/template/header.html
@@ -17,7 +17,9 @@
 	<img src="images/loading.gif" id="loading_gif" alt="loading" />
 	<h1>MemcacheViewer</h1>
 	<input type="button" onclick="location.href='logout.php'" value="Logout" />
-	<label for="refresh_rate">Refresh Rate (secs)</label><input type="text" onchange="setRefreshInterval()" value="1" id="refresh_rate" name="refresh_rate" />
+	<div id="settings">
+		<label for="refresh_rate">Refresh Rate (secs)</label><input type="text" onchange="setRefreshInterval()" value="1" id="refresh_rate" name="refresh_rate" />
+	</div>
 </div>
 
 <div id="content">