fix: Element heights

public/css/main.css

@@ -167,7 +167,7 @@ body {
     flex-direction: row;
     align-items: center;
     width: 100%;
-    height: 48px;
+    height: 56px;
     border-bottom-color: #222;
     border-bottom-width: 1px;
     border-bottom-style: solid;
@@ -200,6 +200,7 @@ body {
     display: flex;
     justify-content: center;
     align-items: center;
+    height: 100%;
 }
 
 .action img {
@@ -384,7 +385,7 @@ body {
     }
 
     .chat-header {
-        height: 48px;
+        height: 56px;
     }
 
     .chat-title {
@@ -396,7 +397,7 @@ body {
     }
 
     .chat-item {
-        height: 40px;
+        height: 48px;
     }
     
     .chat-name {
@@ -495,7 +496,7 @@ body {
     }
 
     .chat-header {
-        height: 44px;
+        height: 48px;
     }
 
     .chat-title {
@@ -507,7 +508,7 @@ body {
     }
 
     .chat-item {
-        height: 36px;
+        height: 40px;
     }
     
     .chat-name {