Needed to do some small fixes for new request response from plex. Look in plexSearch.py for TODO

html/css/style.css

@@ -1,45 +1,58 @@
-.onoffswitch {
-    position: relative; width: 85px;
-    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
+/* The switch - the box around the slider */
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 60px;
+  height: 34px;
 }
-.onoffswitch-checkbox {
-    display: none;
+
+/* Hide default HTML checkbox */
+.switch input {display:none;}
+
+/* The slider */
+.slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  -webkit-transition: .4s;
+  transition: .4s;
 }
-.onoffswitch-label {
-    display: block; overflow: hidden; cursor: pointer;
-    border: 2px solid #FFFFFF; border-radius: 20px;
+
+.slider:before {
+  position: absolute;
+  content: "";
+  height: 26px;
+  width: 26px;
+  left: 4px;
+  bottom: 4px;
+  background-color: white;
+  -webkit-transition: .4s;
+  transition: .4s;
 }
-.onoffswitch-inner {
-    display: block; width: 200%; margin-left: -100%;
-    transition: margin 0.3s ease-in 0s;
+
+input:checked + .slider {
+  background-color: #2196F3;
 }
-.onoffswitch-inner:before, .onoffswitch-inner:after {
-    display: block; float: left; width: 50%; height: 32px; padding: 0; line-height: 32px;
-    font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
-    box-sizing: border-box;
+
+input:focus + .slider {
+  box-shadow: 0 0 1px #2196F3;
 }
-.onoffswitch-inner:before {
-    content: "Movies";
-    padding-left: 9px;
-    background-color: #21D278; color: #FFFFFF;
+
+input:checked + .slider:before {
+  -webkit-transform: translateX(26px);
+  -ms-transform: translateX(26px);
+  transform: translateX(26px);
 }
-.onoffswitch-inner:after {
-    content: "Shows";
-    padding-right: 9px;
-    background-color: #EEEEEE; color: #999999;
-    text-align: right;
+
+/* Rounded sliders */
+.slider.round {
+  border-radius: 34px;
 }
-.onoffswitch-switch {
-    display: block; width: 23px; margin: 4.5px;
-    background: #FFFFFF;
-    position: absolute; top: 0; bottom: 0;
-    right: 49px;
-    border: 2px solid #FFFFFF; border-radius: 20px;
-    transition: all 0.3s ease-in 0s; 
-}
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
-    margin-left: 0;
-}
-.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
-    right: 0px; 
+
+.slider.round:before {
+  border-radius: 50%;
 }

html/searchDisplay.html

@@ -8,13 +8,10 @@
 	<input type='text' id='link_id'>
 	<input type='button' id='btnSearch' value='Search' onClick="search(this)"'>
 	
-	<div class="onoffswitch">
-    <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" value="movies" onClick="toggle(this)" checked>
-    <label class="onoffswitch-label" for="myonoffswitch">
-        <span class="onoffswitch-inner"></span>
-        <span class="onoffswitch-switch"></span>
-    </label>
-</div>
+	<label class="switch">
+	  <input type="checkbox">
+	  <div class="slider square"></div>
+	</label>
 
 	<p id="display"></p>
 </body>