From 8acc3a07e8ec34f8b620e1763c9421a638c55097 Mon Sep 17 00:00:00 2001
From: mrfry <mr.fry@tutanota.com>
Date: Mon, 16 May 2022 21:08:27 +0200
Subject: [PATCH] Css fixes

---
 src/components/layout.module.css      | 11 ++++++-----
 src/components/reactButton.module.css |  1 +
 src/pages/chat.module.css             |  1 +
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/layout.module.css b/src/components/layout.module.css
index d488ead..38651e1 100644
--- a/src/components/layout.module.css
+++ b/src/components/layout.module.css
@@ -43,7 +43,7 @@
   display: flex;
   align-items: center;
 
-  border: 0.5px solid transparent;
+  border: 1px solid transparent;
   text-align: center;
   padding: 0px 8px;
   margin: 0px 2px;
@@ -90,7 +90,7 @@
 .content {
   margin-left: 180px;
   margin-top: 45px;
-  padding: 1px 7px;
+  padding: 1px 0px;
   width: 100%;
 
   word-wrap: break-word;
@@ -98,15 +98,16 @@
 
 @media screen and (max-width: 700px) {
   div.content {
+    box-sizing: border-box;
     max-width: calc(100vw);
-    padding: 1px 0px;
+    padding: 1px 10px;
     margin-left: 0;
   }
 }
 
 .sidebarLinks > a {
   display: block;
-  border: 0.5px solid transparent;
+  border: 1px solid transparent;
   text-align: center;
   color: black;
   font-size: 108%;
@@ -119,7 +120,7 @@
 }
 
 .sidebarLinks a.active {
-  border: 0.5px solid var(--text-color);
+  border: 1px solid var(--text-color);
   color: white;
   text-shadow: 2px 2px 8px black;
   font-weight: bold;
diff --git a/src/components/reactButton.module.css b/src/components/reactButton.module.css
index f1bfe32..ca88a2e 100644
--- a/src/components/reactButton.module.css
+++ b/src/components/reactButton.module.css
@@ -15,6 +15,7 @@
 }
 
 .reactionContainer > div {
+  font-size: 23px;
   margin: 2px 2px;
   padding: 2px 9px;
   border: 1px solid #444;
diff --git a/src/pages/chat.module.css b/src/pages/chat.module.css
index e071f81..b664066 100644
--- a/src/pages/chat.module.css
+++ b/src/pages/chat.module.css
@@ -174,6 +174,7 @@
   color: black;
   max-width: 400px;
   white-space: pre-wrap;
+  word-break: break-all;
 }
 
 .sendButton {