Numerous styling changes. Please refresh browser cache after update.

Add option on tables to show/hide columns.
Add option in settings to manually check for updates.
Add option in config to toggle github update checks.
Remove the hidden danger zone link to wipe database.

data/interfaces/default/css/dataTables.colVis.css

@@ -0,0 +1,123 @@
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * ColVis styles
+ */
+div.ColVis {
+	float: right;
+}
+
+button.ColVis_Button,
+ul.ColVis_collection li {
+	position: relative;
+	float: left;
+	color: #fff;
+	margin-right: 3px;
+	padding: 5px 8px;
+	cursor: pointer;
+	*cursor: hand;
+	font-size: 0.88em;
+	white-space: nowrap;
+}
+
+.ColVis_Button:hover,
+ul.ColVis_collection li:hover {
+    color: #F9AA03;
+}
+
+button.ColVis_Button {
+	padding: 4px 12px;
+    margin-bottom: 0;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 1.42857143;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    -ms-touch-action: manipulation;
+      touch-action: manipulation;
+    cursor: pointer;
+    -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+    background-image: none;
+    background-color: #444;
+    border: 1px solid transparent;
+    border-radius: 14.5px;
+    outline:0px !important;
+    -webkit-appearance:none;
+}
+
+button.ColVis_Button::-moz-focus-inner {
+	border: none !important;
+	padding: 0;
+}
+
+button.ColVis_Button:active {
+	outline: none;
+}
+
+div.ColVis_collectionBackground {
+	position: fixed;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	background-color: black;
+	z-index: 1100;
+}
+
+ul.ColVis_collection {
+	list-style: none;
+	width: 150px;
+	padding: 8px 8px 4px 8px;
+	margin: 10px 0px 0px 0px;
+	background-color: rgba( 88, 88, 88, 0.8 );
+	overflow: hidden;
+	z-index: 2002;
+}
+
+ul.ColVis_collection li {
+	position: relative;
+	height: auto;
+	left: 0;
+	right: 0;
+	display: block;
+	float: none;
+}
+
+ul.ColVis_collection li {
+	text-align: left;
+}
+
+ul.ColVis_collection li.ColVis_Button:hover {
+	border: 1px solid #999;
+}
+
+ul.ColVis_collection li span {
+	display: inline-block;
+	padding-left: 0.5em;
+	line-height: 1em;
+	cursor: pointer;
+}
+
+
+ul.ColVis_collection li.ColVis_Special {
+}
+
+ul.ColVis_collection li.ColVis_Special:hover {
+}
+
+span.ColVis_radio {
+	display: inline-block;
+	width: 20px;
+}
+
+div.ColVis_catcher {
+	position: absolute;
+	z-index: 1101;
+}
+
+.disabled {
+	color: #999;
+}

data/interfaces/default/css/plexwatch-tables.css

@@ -51,28 +51,42 @@
 	background-color: rgba(0,0,0,.5);
 	border-radius: 8px;
 }
+@media (min-width: 768px) {
+	.dataTables_length {
+		width: 40%;
+		float: left;
+		margin-bottom: 20px;
+	}
+}
 
-.dataTables_length {
-	width: 40%;
-	float: left;
-	margin-left: 15px;
-	margin-bottom: 20px;
+@media (max-width: 767px) {
+	.dataTables_length {
+		display: none;
+	}
 }
 
 .dataTables_filter {
-
 	float: right;
 	text-align: right;
-	margin-right: 15px;
 	margin-bottom: 20px;
 }
 
-.dataTables_info {
-	width: 60%;
-	float: left;
-	margin-top: 12px;
-	margin-left: 15px;
-	margin-bottom: 12px;
+@media (min-width: 768px) {
+	.dataTables_info {
+		width: 60%;
+		float: left;
+		margin-top: 12px;
+		margin-left: 15px;
+		margin-bottom: 12px;
+		text-overflow: ellipsis;
+		overflow: hidden;
+	}
+}
+
+@media (max-width: 767px) {
+	.dataTables_info {
+		display: none;
+	}
 }
 
 .dataTables_paginate {
@@ -649,4 +663,31 @@ div.box {
 
 td.no-wrap, th.no-wrap {
 	white-space:nowrap;
+}
+
+div.colVis {
+
+}
+
+button.ColVis_Button {
+	display: inline-block;
+  padding: 4px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-image: none;
+  background-color: #444;
+  border: 1px solid transparent;
+  border-radius: 14.5px;
 }

data/interfaces/default/css/plexwatch.css

@@ -1320,7 +1320,6 @@ input[type="color"]:focus,
 }
 input[type="radio"],
 input[type="checkbox"] {
-	margin: 4px 0 0;
 	*margin-top: 0;
 	/* IE7 */
 
@@ -8276,4 +8275,32 @@ ol.test >li {
 
 .table-card-back td {
 	font-size: 12px;
+}
+
+button.rounded {
+	padding: 4px 12px;
+    margin-bottom: 0;
+    font-size: 14px;
+    font-weight: normal;
+    line-height: 1.42857143;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: middle;
+    -ms-touch-action: manipulation;
+      touch-action: manipulation;
+    cursor: pointer;
+    -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+    background-image: none;
+    background-color: #444;
+    border: 1px solid transparent;
+    border-radius: 14.5px;
+    outline:0px !important;
+    -webkit-appearance:none;
+}
+
+.rounded:hover{
+    color: #F9AA03;
 }