From d267065d0931723a585eec4634bb32ee6d945d3b Mon Sep 17 00:00:00 2001
From: Emrys <emrys@openenergymonitor.org>
Date: Wed, 6 Feb 2019 08:39:54 +0000
Subject: [PATCH] added button classes added js added stylesheet changes

---
 graph.css | 16 +++-------------
 graph.js  |  8 ++++----
 view.php  |  4 ++--
 3 files changed, 9 insertions(+), 19 deletions(-)

diff --git a/graph.css b/graph.css
index eea7d2f..cc2f8be 100644
--- a/graph.css
+++ b/graph.css
@@ -59,20 +59,10 @@
 }
 .feed-options-show-options,
 .feed-options-show-stats{
-    cursor: pointer;
-}
-
-.feed-options-show-options {
-	float:right;
-	padding:10px;
-	width:150px;
-	text-align:center;
-	border-left: 1px solid #eee;
-}
-
-.feed-options-show-stats {
-    float: right;
     margin: 5px;
+    position: absolute;
+    right: 0;
+    z-index: 2;
 }
 
 #vis-mode-toggle, #vis-mode-user, #vis-mode-groups{
diff --git a/graph.js b/graph.js
index 6b455d3..d945d3f 100644
--- a/graph.js
+++ b/graph.js
@@ -515,8 +515,8 @@ function graph_init_editor()
     $(".feed-options-show-stats").click(function(event){
         $("#feed-options-table").hide();
         $("#feed-stats-table").show();
-        $(".feed-options-show-options").show();
-        $(".feed-options-show-stats").hide();
+        $(".feed-options-show-options").removeClass('hide');
+        $(".feed-options-show-stats").addClass('hide');
         event.preventDefault();
     });
 
@@ -524,8 +524,8 @@ function graph_init_editor()
     $(".feed-options-show-options").click(function(event){
         $("#feed-options-table").show();
         $("#feed-stats-table").hide();
-        $(".feed-options-show-options").hide();
-        $(".feed-options-show-stats").show();
+        $(".feed-options-show-options").addClass('hide');
+        $(".feed-options-show-stats").removeClass('hide');
         event.preventDefault();
     });
 }
diff --git a/view.php b/view.php
index f5aed4e..122fa39 100644
--- a/view.php
+++ b/view.php
@@ -173,8 +173,8 @@
             
             <div class="feed-options hide">
                 <div class="feed-options-header">
-                    <div class="feed-options-show-options hide"><?php echo _('Show options') ?></div>
-                    <div class="feed-options-show-stats"><?php echo _('Show statistics') ?></div>
+                    <div class="feed-options-show-options btn btn-default hide"><?php echo _('Show options') ?></div>
+                    <div class="feed-options-show-stats btn btn-default"><?php echo _('Show statistics') ?></div>
                     <a href="#tables" class="feed-options-title">
                         <span class="caret pull-left"></span>
                         <?php echo _('Feeds in view') ?>