Add all types of Notification Connectors to settings

Website/styles/notificationConnector.css

@@ -6,7 +6,7 @@
     margin: 0 auto;
     padding: 5px;
     border-radius: 5px;
-    grid-template-rows: 30px 30px auto 30px;
+    grid-template-rows: 30px auto auto 30px;
     column-gap: 4px;
     row-gap: 4px;
     grid-template-areas:
@@ -25,6 +25,13 @@
 .NotificationConnectorItem-Name{
     grid-area: name;
     justify-self: flex-start;
+    width: fit-content;
+}
+
+.NotificationConnectorItem-Name::before {
+    content: "Connector-Name";
+    position: absolute;
+    display: block;
 }
 
 .NotificationConnectorItem-Url{
@@ -46,6 +53,14 @@
     align-self: flex-end;
 }
 
+.NotificationConnectorItem-Priority {
+    grid-area: explanation;
+}
+
+.NotificationConnectorItem-Ident {
+    grid-area: body;
+}
+
 .NotificationConnectorItem-Headers{
     grid-area: headers;
     justify-self: flex-end;

Website/styles/settings.css

@@ -22,4 +22,13 @@
 
 #SettingsPopUpBody > * {
     margin: 5px 0;
+}
+
+#SettingsPopUpBody label {
+    width: max-content;
+    margin-right: 10px;
+}
+
+#SettingsPopUpBody label::after {
+    content: ':';
 }