Correctly applying the right scroll bars and allow the permission editor to shrink in it's height.

shared/js/clientservice/index.ts

@@ -74,6 +74,7 @@ class ClientServiceConnection {
         let address;
         address = "client-services.teaspeak.de:27791";
         //address = "localhost:1244";
+        //address = "192.168.40.135:1244";
 
         this.connection = new WebSocket(`wss://${address}/ws-api/v${kApiVersion}`);
         this.connection.onclose = event => {
@@ -375,7 +376,7 @@ export class ClientServices {
         } else {
             const os = window.detectedBrowser.os;
             const osParts = os.split(" ");
-            if(osParts.last().match(/^[0-9]+$/)) {
+            if(osParts.last().match(/^[0-9\.]+$/)) {
                 payload.platform_version = osParts.last();
                 osParts.splice(osParts.length - 1, 1);
             }

shared/js/ui/modal/permission/ModalPermissionEditor.scss

@@ -54,10 +54,11 @@ html:root {
     min-width: 20em;
     max-width: 100%;
 
+    min-height: 20em;
+
     flex-shrink: 1;
     flex-grow: 1;
 
-
     .contextContainer {
         display: flex;
         flex-direction: column;

shared/js/ui/react-elements/internal-modal/Modal.scss

@@ -211,6 +211,8 @@ html:root {
 
         /* explicitly set the background color so the next element could use background-color: inherited; */
         background: var(--modal-content-background);
+
+        @include chat-scrollbar();
     }
 }