inputhelper schöner gemacht

ReallifeGamemode.Client/assets/css/inputhelper/style.css

@@ -29,20 +29,19 @@ body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   font-weight: 400;
   color: #FFF;   
-    
 }
 
 main {
   height: auto;
+  max-height: 60vh;
   position: relative;
-    min-width: 50ch;
-    max-width: 35vw;
+  min-width: 45ch;
+  max-width: 30vw;
   padding: 1em;
   border-radius: .25em;
   font-size: 1em;
   line-height: 1.25;
   background-color: rgba(0, 0, 0, 0.5);
-    
 }
 
   main a#close {
@@ -52,7 +51,6 @@ main {
     height: 1em;
     width: 1em;
     opacity: 0.25;
-        
   }
 
     main a#close:hover {
@@ -85,8 +83,8 @@ main {
 
   main h1 {
     font-size: 1.5em;
-        line-height: 1;
-        margin-bottom: .125em;
+    line-height: 1.125;
+    margin-bottom: .25em;
     padding-right: 1em;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -94,8 +92,26 @@ main {
   }
 
   main p {
-        margin-bottom: 1em;
+    margin-bottom: .5em;
     line-height: 1.125;
+    max-height: 12em;
+    overflow-y: auto;
+    padding-right: .5em;
+    word-break: break-word;
+  }
+
+  main p::-webkit-scrollbar {
+    width: 5px;
+  }
+  
+  main p::-webkit-scrollbar-track {
+    background-color: rgba(0, 0, 0, .125);
+    border-radius: 3px;
+  }
+  
+  main p::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, .125);
+    border-radius: 3px;
   }
 
   main .form {