Fix css

public/assets/css/main.css

@@ -15,9 +15,4 @@
 }
 .AudioVideoFullPlayer-topBar-2XUGM{
     transform: translateY(0);
-}
-.vjs-controls-disabled .vjs-control-bar,
-.vjs-controls-disabled .vjs-modal-dialog,
-.vjs-controls-disabled .vjs-modal-dialog {
-    display: none;
 }

public/assets/css/plex.css

@@ -90,7 +90,10 @@ body {
     outline: none;
     border: 0;
     border-radius: 0;
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
     background: none;
+    background-color: rgba(0, 0, 0, 0);
     text-align: inherit;
     text-decoration: none;
     cursor: pointer;
@@ -101,7 +104,7 @@ body {
     -ms-user-select: none;
     user-select: none;
     touch-action: manipulation;
-    -webkit-tap-highlight-color: transparent
+    -webkit-tap-highlight-color: transparent;
 }
 
 .Link-link-2XYrU:hover {
@@ -1012,6 +1015,14 @@ body {
     color: hsla(0, 0%, 100%, .15)
 }
 
+.QuickSearchHubContainer-hubTitle-2B0GD {
+    margin:9px 0 6px 24px;
+    height:18px;
+    color:hsla(0,0%,100%,.3);
+    font-size:12px;
+    font-family:Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif
+}
+
 .MenuContainer-menu-3Gtlw {
     font-size: 13px;
     font-family: Open Sans Semibold, Helvetica Neue, Helvetica, Arial, sans-serif;
@@ -5669,6 +5680,36 @@ a:hover .DisclosureArrow-disclosureArrow-1sBFv, button:hover .DisclosureArrow-di
     background: #eee
 }
 
+.QuickSearchPlaceholderLink-placeholder-1Wxzp {
+    display:-webkit-box;
+    display:-webkit-flex;
+    display:flex;
+    -webkit-box-align:center;
+    -webkit-align-items:center;
+    align-items:center;
+    overflow:hidden;
+    padding:4px 10px 4px 24px;
+    width:346px;
+    height:44px;
+    border-top-right-radius:4px;
+    border-bottom-right-radius:4px;
+    color:hsla(0,0%,100%,.75);
+    font-size:13px;
+    font-family:Open Sans Semibold,Helvetica Neue,Helvetica,Arial,sans-serif;
+    -webkit-transition:color .2s,background-color .2s;
+    transition:color .2s,background-color .2s
+}
+
+.QuickSearchPlaceholderLink-placeholder-1Wxzp:hover {
+    background-color:hsla(0,0%,100%,.05);
+    color:#fff
+}
+
+.QuickSearchPlaceholderLink-isPlaceholderSelected-rDCpK {
+    background-color:hsla(0,0%,100%,.08);
+    color:#fff
+}
+
 .QuickSearchInput-closeIcon-3AV1c, .QuickSearchInput-searchIcon-1f6m9 {
     margin: 4px 10px 0 5px;
     font-size: 12px
@@ -5803,6 +5844,26 @@ a:hover .DisclosureArrow-disclosureArrow-1sBFv, button:hover .DisclosureArrow-di
     pointer-events: none
 }
 
+.QuickSearchResult-overlay-38WrL {
+    position:absolute;
+    top:0;
+    left:0;
+    display:block;
+    width:100%;
+    height:100%;
+    display:-webkit-box;
+    display:-webkit-flex;
+    display:flex;
+    -webkit-box-align:center;
+    -webkit-align-items:center;
+    align-items:center;
+    -webkit-box-orient:horizontal;
+    -webkit-box-direction:normal;
+    -webkit-flex-direction:row;
+    flex-direction:row;
+    padding:4px 10px 4px 24px
+}
+
 .QuickSearchResult-button-1ZHpO a, .QuickSearchResult-button-1ZHpO button {
     pointer-events: all
 }
@@ -5819,6 +5880,15 @@ a:hover .DisclosureArrow-disclosureArrow-1sBFv, button:hover .DisclosureArrow-di
     background-color: hsla(0, 0%, 100%, .08)
 }
 
+.QuickSearchResult-underlay-QgyJt {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
 .QuickSearchResult-link-3JPgF {
     position: absolute;
     top: 0;

public/assets/css/settings.css

@@ -1,7 +1,3 @@
-.nav-bar-nav > li > a > .glyphicon {
-    top: 9px;
-}
-
 @keyframes rotating {
     from {
         -ms-transform: rotate(0deg);
@@ -23,4 +19,67 @@
     -webkit-animation: rotating 1s linear infinite;;
     -o-animation: rotating 1s linear infinite;;
     animation: rotating 1s linear infinite;;
+}
+
+/* The switch - the box around the slider */
+.switch {
+    position: relative;
+    display: inline-block;
+    width: 40px;
+    height: 18px;
+}
+
+/* Hide default HTML checkbox */
+.switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+}
+
+/* The slider */
+.slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #636363;
+    -webkit-transition: .4s;
+    transition: .4s;
+}
+
+.slider:before {
+    position: absolute;
+    content: "";
+    height: 14px;
+    width: 14px;
+    left: 2px;
+    bottom: 2px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s;
+}
+
+input:checked + .slider {
+    background-color: #cc7b19;
+}
+
+input:focus + .slider {
+    box-shadow: 0 0 1px #cc7b19;
+}
+
+input:checked + .slider:before {
+    -webkit-transform: translateX(22px);
+    -ms-transform: translateX(22px);
+    transform: translateX(22px);
+}
+
+/* Rounded sliders */
+.slider.round {
+    border-radius: 34px;
+}
+
+.slider.round:before {
+    border-radius: 50%;
 }