Better UI for channel configuration pages.

assets/styles/configuration.scss

@@ -22,6 +22,19 @@ $grey-background-color: var(--greyBackgroundColor);
 $sub-menu-margin-bottom: 30px;
 $small-view: 800px;
 
+livechat-help-button {
+  a {
+    height: 18px !important;
+    margin: 2px !important;
+    padding: 1px !important;
+  }
+
+  svg {
+    display: block;
+    height: auto;
+  }
+}
+
 /*
   These are styles to apply for the channel configuration pages.
 */
@@ -232,6 +245,7 @@ $small-view: 800px;
   }
 
   .peertube-plugin-livechat-configuration-actions {
+    margin-bottom: 1rem;
     text-align: right;
   }
 }
@@ -275,10 +289,6 @@ livechat-dynamic-table-form {
     }
   }
 
-  button {
-    padding: 2px !important;
-  }
-
   .dynamic-table-add-row {
     background-color: var(--bs-green);
 
@@ -462,3 +472,7 @@ livechat-image-file-input {
     max-height: 3em !important; // and no max-width
   }
 }
+
+livechat-configuration-row {
+  margin-top: 3rem;
+}