T272 history filter is now hidden. Added switch to toggle visibility

target/classes/static/html/mock.html

@@ -102,7 +102,8 @@
                             <!-- history -->
                             <div id="history" class="medium-vertical-margin tabcontent">
                                 <div class="block-display max-width">
-                                    <div class="display-space-between max-width small-vertical-margin">
+                                    <button id="btn-history-filter" class="clickable-text highlight"><span>&gt;</span> filter</button>
+                                    <div id ="history-filter" class="display-space-between max-width small-vertical-margin hiddable">
                                         <div class="three-fourth-width display-space-evenly">
                                             <div class="block-display half-width with-padding">
                                                 <label for="historyFrom" class="block-label">From</label>

target/classes/static/js/uianimation.js

@@ -22,8 +22,15 @@ function changeAdvancedVisibility(){
     setCookie();
 }
 
+const historyFilterSwitch = function(){
+    $('#history-filter').toggleClass('active');
+}
+
 $("#optional").click(changeAdvancedVisibility);
 $('#historyTab').click(showHistory);
+$('#btn-history-filter').click(historyFilterSwitch);
+
+
 
 const tabitem = $('.tabitem');
 function showHistory(){