pragdave
diff --git a/‎index.html
+6-5 b/‎index.html
+6-5
diff --git a/‎js/dom/enable_fullscreen.js
+35-14 b/‎js/dom/enable_fullscreen.js
+35-14
diff --git a/‎public/algorithm_visualizer.js
+68-36 b/‎public/algorithm_visualizer.js
+68-36
diff --git a/‎public/algorithm_visualizer.js.map
+1-1 b/‎public/algorithm_visualizer.js.map
+1-1
diff --git a/‎public/algorithm_visualizer.min.js
+3-3 b/‎public/algorithm_visualizer.min.js
+3-3
diff --git a/‎public/algorithm_visualizer.min.js.map
+1-1 b/‎public/algorithm_visualizer.min.js.map
+1-1
@@ -32,11 +32,6 @@ <h3>
         </h3>
     </button>
     <div class="top-menu-buttons">
-	<div class="btn" id="btn_fullscreen">
-    		<div class="wrapper">
-    			 <i class="fa fa-arrows-alt"></i> Fullscreen
-    		</div>
-    	</div>
         <div class="btn" id="btn_share">
             <div class="wrapper">
                 <i class="fa fa-share" aria-hidden="true"></i> Share <input type="text" class="collapse" id="shared">
@@ -63,6 +58,12 @@ <h3>
                 Interval: <input type="number" value="" id="interval"> sec
             </div>
         </div>
+        <div class="btn" id="btn_fullscreen">
+            <div class="wrapper">
+                <i class="fa fa-arrows-alt"></i>
+                <span class="btn-text">Fullscreen</span>
+            </div>
+        </div>
     </div>
 </nav>
 <section class="sidemenu active">
 
@@ -1,19 +1,40 @@
 'use strict';
 
 module.exports = () => {
-	let $func = 'requestFullScreen',
-		vendorPrefixes = ['webkit', 'moz', 'ms', 'o'],
-		db = document.body;
+  let reqFunc = null;
+  let extFunc = null;
+  let reqFuncs = [
+    'requestFullscreen',
+    'webkitRequestFullscreen',
+    'mozRequestFullScreen',
+    'msRequestFullscreen',
+  ];
+  let extFuncs = [
+    'exitFullscreen',
+    'webkitExitFullscreen',
+    'mozCancelFullScreen',
+    'msExitFullscreen'
+  ];
 
-	for (let p of vendorPrefixes) {
-		let fName = p + $func [0].toUpperCase () + $func.slice (1);
-		if (db [fName]) {
-			$func = fName;
-			break;
-		}
-	}
+  for (let tmpReqFunc of reqFuncs) {
+    if (document.body[tmpReqFunc]) {
+      reqFunc = tmpReqFunc;
+    }
+  }
 
-	$('#btn_fullscreen').click (function () {
-		db [$func] ();
-	});
-};
+  for (let tmpExtFunc of extFuncs) {
+    if (document[tmpExtFunc]) {
+      extFunc = tmpExtFunc;
+    }
+  }
+
+  const $btnFullscreen = $('#btn_fullscreen');
+
+  $btnFullscreen.click(function () {
+    if (document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen) {
+      if (extFunc) document[extFunc]();
+    } else {
+      if (reqFunc) document.body[reqFunc]();
+    }
+  });
+};