Adds prev next buttons as req in enhancement #12

css/stats.css

@@ -8,4 +8,62 @@
 	width: 98px;
 	font-size: x-large;
 	color:green;
-}
+}
+
+
+.stats-clear:after,.stats-clear:before,.stats-bar {
+	content:"";
+	display:table;
+	clear:both;
+}
+.nextprev a {
+	font-size:17px;
+	border:1px solid #cccccc;
+}
+.nextprev a:link,.nextprev a:visited {
+	background-color:#ffffff;
+	color:#000000;
+}
+.nextprev a.stats-right {
+	background-color:#4CAF50;
+	color:#ffffff;
+	border-color:#4CAF50
+}
+.stats-btn,.stats-button {
+	border:none;
+	display:inline-block;
+	outline:0;
+	padding:8px 16px;
+	vertical-align:middle;
+	overflow:hidden;
+	text-decoration:none;
+	color:inherit;
+	background-color:inherit;
+	text-align:center;
+	cursor:pointer;
+	white-space:nowrap
+}
+.stats-btn:hover {
+	box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
+}
+.stats-btn,.stats-button { 
+	-webkit-touch-callout:none;
+	-webkit-user-select:none;
+	-khtml-user-select:none;
+	-moz-user-select:none;
+	-ms-user-select:none;
+	user-select:none;
+}   
+.stats-disabled,.stats-btn:disabled,.stats-button:disabled {
+	cursor:not-allowed;opacity:0.3;
+}
+.stats-disabled *,:disabled *{
+	pointer-events:none;
+}
+.stats-btn.stats-disabled:hover,.stats-btn:disabled:hover {
+	box-shadow:none;
+}
+/*
+ .stats-left{float:left!important}
+.stats-right{float:right!important}
+*/

include_header.html

@@ -23,6 +23,7 @@ function resetTimer()
 <title>YBDB</title>
 <link href="css/transactions.css" rel="stylesheet" type="text/css" />
 <link href="css/contacts.css" rel="stylesheet" type="text/css" />
+<link href="css/stats.css" rel="stylesheet" type="text/css" />
 <link href="css/css_yb_standard.css" rel="stylesheet" type="text/css" />
 <link href="css/jquery.nouislider.css" rel="stylesheet" type="text/css" />
 <link href="css/chosen.css" rel="stylesheet" type="text/css" />

individual_history_log.php

@@ -20,7 +20,12 @@ include("include_header.html");
 ?>
 
 <div id="contact_id" style="display:none;"><?php echo $contact_id; ?></div>
-<center><div id="name" style="align-content:center; font-size:2em;"></div></center>
+<div style="text-align:center;"><div id="name" style="align-content:center; font-size:2em;"></div></div>
 <div id="individual_history"></div>
 
+<div class="stats-clear nextprev" style="text-align:center; display:block; margin-top:9px;">
+<a class="stats-left stats-btn" href="#">&#10094; Previous</a>
+<a class="stats-right stats-btn" href="#">Next &#10095;</a>
+</div>
+
 <?php include("include_footer.html"); ?>