improve rotate animation

emscripten/project/purr-data/css/webapp/webapp.css

@@ -25,7 +25,10 @@
 /** Rotate */
 .rotate{
     transform: rotate(180deg);
-    transition:0.5s ease all;
+}
+
+.rotate-transition {
+    transition: transform 0.5s linear;
 }
 
 .highlight-find{

emscripten/project/purr-data/index.html

@@ -79,7 +79,7 @@
         </div>
 
 		<a id="sidebar-collapse" class="m-2" data-toggle="collapse" data-target="#sidebar">
-			<i class="fa fa-angle-double-left" onclick="rotate(this)"></i>
+			<i class="fa fa-angle-double-left rotate-transition" onclick="rotate(this)"></i>
 		</a>
 
         <!-- Canvas/Pd Windows -->
@@ -94,7 +94,7 @@
             <div class="card-header d-flex justify-content-between">
               <h5 class="h-100 w-25" id= "console-heading" onclick="rotate(this)">
                 <a data-toggle="collapse" data-parent="#windows" href="#console_bottom" class="d-flex align-items-center text-dark">Console
-                  <i class="ml-2 fa fa-angle-double-down text-primary"S id="open-icon"></i>
+                  <i class="ml-2 fa fa-angle-double-down text-primary rotate-transition"S id="open-icon"></i>
                 </a>
               
               </h5>