style(chat): improve mobile chatbar styles (#4977)

Satellite-im · Sep 22, 2022 · 204efdd · 204efdd
1 parent b080a7a
commit 204efdd
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/components/views/chat/chatbar/Chatbar.less b/components/views/chat/chatbar/Chatbar.less
@@ -4,7 +4,7 @@
   transition: height @animation-speed;
 
   @media only screen and (max-width: @mobile-breakpoint) {
-    margin: 0 @normal-spacing @normal-spacing;
+    padding: 8px 16px 0;
     position: sticky;
     bottom: 0;
   }

diff --git a/components/views/chat/chatbar/footer/Footer.less b/components/views/chat/chatbar/footer/Footer.less
@@ -4,4 +4,8 @@
   justify-content: space-between;
   align-items: center;
   padding: 8px 16px 0;
+
+  @media only screen and (max-width: @mobile-breakpoint) {
+    padding: 8px 0;
+  }
 }