brille gesäubert

ReallifeGamemode.Client/assets/css/chat/main.css

@@ -1,3 +1,13 @@
+html {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+*, *:before, *:after {
+  -webkit-box-sizing: inherit;
+          box-sizing: inherit;
+}
+
 *, body, html {
   padding: 0;
   margin: 0;
@@ -19,7 +29,7 @@ body, html {
 
 body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
-  font-size: calc(.7em + .4vw);
+  font-size: calc(.75em + .3vw);
   font-weight: 500;
   direction: ltr;
 }
@@ -47,13 +57,14 @@ a {
 }
 
 #chat ul#chat_messages {
-  height: 17.5em;
-  min-width: 35vw;
-  max-width: 85vw;
+  height: 16.45em;
+  min-width: 50ch;
+  max-width: calc(60vw + 10px);
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
   overflow-y: auto;
   overflow-x: hidden;
+  word-break: break-all;
   list-style-type: none;
   margin-bottom: .25em;
 }
@@ -61,11 +72,15 @@ a {
 #chat ul#chat_messages > li {
   -webkit-transform: rotate(0deg);
           transform: rotate(0deg);
+  margin-bottom: .125em;
+}
+
+#chat ul#chat_messages > li:last-child {
   margin-bottom: .25em;
 }
 
 #chat input#chat_msg {
-  width: 35vw;
+  width: 60vw;
   outline: 0;
   border: none;
   border-radius: 3px;
@@ -78,12 +93,12 @@ a {
 }
 
 ::-webkit-scrollbar {
-  width: 11px;
+  width: 10px;
 }
 
 ::-webkit-scrollbar-thumb {
   background: rgba(255, 17, 0, 0);
-  border-radius: 20px;
+  border-radius: 3px;
 }
 
 ::-webkit-scrollbar-thumb:hover {