misc cleanup

web/styles/ant-overrides.scss

@@ -36,25 +36,36 @@ h5.ant-typography,
 .ant-typography h4,
 .ant-typography h5 {
   color: var(--white);
-  font-weight: 500;
+  font-weight: 400;
+  margin: .5em 0;
 }
 .ant-typography.ant-typography-secondary {
   color: var(--white);
   font-weight: 400;
 }
 .ant-typography {
+  font-weight: 300;
+  color: var(--white-75);
   a {
     color: var(--owncast-purple);
   }
 }
+
 .ant-typography h1,
 h1.ant-typography {
-  color: var(--white);
-}
-.ant-typography h2,
-h2.ant-typography{
+  font-size: 1.75em;
   color: var(--pink);
 }
+.ant-typography h2,
+h2.ant-typography {
+  font-size: 1.5em;
+}
+
+.ant-typography h3,
+h3.ant-typography {
+  font-size: 1.25em;
+}
+
 
 
 .ant-progress-text,
@@ -184,6 +195,15 @@ h2.ant-typography{
 
 
 // ANT INPUT
+input.ant-input,
+textarea.ant-input {
+  background-color: var(--textfield-bg);
+  color: var(--white-88);
+  border-color: var(--black);
+  &::placeholder {
+    color: var(--owncast-purple-50);
+  }
+}
 .ant-input-affix-wrapper,
 .ant-input-number {
   background-color: var(--textfield-bg);
@@ -201,6 +221,7 @@ h2.ant-typography{
     }
   }
 }
+.ant-input:hover,
 .ant-input-number:hover,
 .ant-input-affix-wrapper:hover {
   border-color: var(--owncast-purple);
@@ -209,6 +230,7 @@ h2.ant-typography{
     border-color: var(--owncast-purple);
   }
 }
+.ant-input,
 .ant-input-number:focus,
 .ant-input-affix-wrapper:focus, 
 .ant-input-affix-wrapper-focused {
@@ -421,4 +443,16 @@ textarea.ant-input {
       opacity: .75;
     }
   }
-}
+}
+
+
+// ANT CHECKBOX
+.ant-checkbox-wrapper {
+  color: var(--white-75);
+  margin: .5em 0;
+}
+.ant-checkbox-group {
+  .ant-checkbox-group-item {
+    display: block;
+  }
+}

web/styles/config.scss

@@ -1,29 +0,0 @@
-
-
-// todo: put these somewhere else
-
-
-
-.edit-page-content {
-  .page-content-actions {
-    margin-top: 1em;
-    display: flex;
-    flex-direction: row;
-    justify-content: flex-start;
-    align-items: center;
-
-    .status-message  {
-      margin-left: 1em;
-    }
-  }
-}
-
-
-
-
-.segment-tip {
-  width: 10em;
-  text-align: center;
-  margin: auto;
-  display: inline-block;
-}

web/styles/form-misc-elements.scss

@@ -39,9 +39,6 @@ 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);
-  // }
 }
 
 
@@ -50,7 +47,7 @@ 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: var(--black-35);
+  background-color: var(--owncast-purple-25);
   border-radius: 1em;
   .ant-slider-rail {
     background-color: var(--black);

web/styles/globals.scss

@@ -25,8 +25,12 @@ a {
 * {
   box-sizing: border-box;
 }
-p {
+
+p,
+p.description,
+.ant-typography {
   font-weight: 300;
+  margin: 1em 0;
   color: var(--white-75); 
 }
 pre {
@@ -52,10 +56,7 @@ code {
   width: 2rem;
 }
 
-p.description {
-  margin: 1em 0;
-  color: var(--white-75); 
-}
+
 
 
 .line-chart-container {
@@ -64,18 +65,7 @@ p.description {
   border: 1px solid var(--gray-dark);
 }
 
-h2.ant-typography.page-title,
-h3.ant-typography.page-title
- {
-  font-weight: 400;
-  font-size: 1.5em;
-  color: var(--nav-selected-text);
-}
-h2.section-title,
-h3.section-title {
-  font-weight: 400;
-  font-size: 1.25em;
-}
+
 
 .form-module {
   margin: 1em 0;

web/styles/main-layout.scss

@@ -50,7 +50,7 @@
 
 
   .main-content-container {
-    padding: 3em;
+    padding: 2em 3em 3em;
   }
 
   .footer-container {

web/styles/pages.scss

@@ -0,0 +1,13 @@
+// misc styling for various /pages
+
+
+.help-page {
+
+  .ant-result-image {
+    height: 100px;
+    svg {
+      height: 100%;
+      width: 100%;
+    }
+  }
+}

web/styles/variables.scss

@@ -1,5 +1,3 @@
-// rename to variables.scss
-
 :root {
   // colors
   --white: rgba(255,255,255,1);