clean up and style tweaks

web/styles/config.scss

@@ -7,17 +7,22 @@
   .text-fields {
     margin-right: 2rem;
   }
-
   .misc-fields {
-    // border: 1px solid var(--owncast-purple);
-    padding: 2em;
+    width: 25em;
+  }
+  .tag-editor-container,
+  .config-directory-details-form {
+    border-radius: 1em;
+    background-color: rgba(128,0,255,.15);
+    padding: 1.5em;
+    margin-bottom: 1em;
   }
 }
 
 
 .status-message {
   margin: 1rem 0;
-  min-height: 1.25em;
+  min-height: 1.4em;
   font-size: .75rem;
   &.success {
     color: var(--ant-success);
@@ -46,7 +51,7 @@
     width: 18rem;
 
   }
-  .info {
+  .info-tip {
     margin-right: .75rem;
   }
   .ant-form-item {
@@ -86,7 +91,12 @@
     font-weight: bold;
     color: var(--owncast-purple);
   }
-  .info { margin-left: .5rem }
+  .info-tip {
+    margin-left: .5rem;
+    svg {
+      fill: white;
+    }
+  }
   .ant-form-item {
     margin: 0 .75rem 0 0;
   }

web/styles/globals.scss

@@ -25,17 +25,41 @@ pre {
   margin: .5rem 0;
   background-color: #eee;
 }
+code {
+  color: var(--owncast-purple);
+}
 
 .owncast-layout .ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
   background-color: $owncast-purple;
 }
 
 
+
+@media (prefers-color-scheme: dark) {
+  @import "~antd/dist/antd.dark";
+  pre {
+    background-color: rgb(44, 44, 44);
+    color:lightgrey;
+  }
+}
+
+
 // GENERAL ANT FORM OVERRIDES
 // GENERAL ANT FORM OVERRIDES
 .ant-card {
   border-radius: .5em;
 }
+.ant-input-affix-wrapper {
+  border-radius: 5px;
+  background-color: rgba(0,0,0,.1);
+  @media (prefers-color-scheme: dark) {
+    border-radius: 5px;
+    background-color: rgba(255,255,255,.1);
+  }
+  textarea {
+    border-radius: 5px;
+  }
+}
 .ant-btn-primary:hover, .ant-btn-primary:focus {
   background-color: white;
   color: #40a9ff;
@@ -51,12 +75,3 @@ pre {
   transition-delay: 0s;
   transition-duration: 0.15s;
 }
-
-
-@media (prefers-color-scheme: dark) {
-  @import "~antd/dist/antd.dark";
-  pre {
-    background-color: rgb(44, 44, 44);
-    color:lightgrey;
-  }
-}