Admin css overhaul pt2 (#19)

* tweaks to offline state in admin viewers page

If stream is offline, hide current viewers statistic and viewers table.
Also, change wording for describing max viewers.

* take out ant dark stylesheet, organize ant color overrides

* remove ant dark css; cleanup ant overrides; format public-detail page

* combine toggleswitch component style with textfield so layout can be shared

* fix toggleswitch status message placement

* - update styles for modals, collapses
- move reset dir into its own component
- assorted style cleanups ans consistencies

* hide entire advanced section for resetyp if no yp

* temp adjustments to video modal

* temp comment out toggle switch use for later'

* address PR comments

* lint

* update type

* allow warnings during lint

Co-authored-by: nebunez <uoj2y7wak869@opayq.net>

web/styles/form-misc-elements.scss

@@ -29,7 +29,7 @@
 
 /* TIP CONTAINER BASE */
 .field-tip {
-  font-size: .7em;
+  font-size: .8em;
   color: rgba(255,255,255,.5)
 }
 
@@ -39,9 +39,9 @@ Ideal for wrapping each Textfield on a page with many text fields in a row. This
 */
 .field-container {
   padding: .85em 0 .5em;
-  &:nth-child(even) {
-    background-color: rgba(0,0,0,.25);
-  }
+  // &:nth-child(even) {
+  //   background-color: rgba(0,0,0,.25);
+  // }
 }
 
 
@@ -50,8 +50,27 @@ Ideal for wrapping each Textfield on a page with many text fields in a row. This
   width: 90%;
   margin: auto;
   padding: 1em 2em .75em;
-  background-color: black;
+  background-color: var(--textfield-border);
   border-radius: 1em;
+  .ant-slider-rail {
+    background-color: black;
+  }
+  .ant-slider-track {
+    background-color: var(--nav-text);
+  }
+  .ant-slider-mark-text,
+  .ant-slider-mark-text-active {
+    color: white;
+    opacity: .5;
+  }
+  .ant-slider-mark-text-active {
+    opacity: 1;
+  }
+  .status-container {
+    width: 100%;
+    margin: .5em auto;
+    text-align: center;
+  }
 }