From 5249b99338a2402cd3cea84dc3a8125f4d124e01 Mon Sep 17 00:00:00 2001
From: Veggier <47649859+Veggier@users.noreply.github.com>
Date: Thu, 25 Mar 2021 02:16:58 -0400
Subject: [PATCH] Connect room name overflow (#9561)

* change tag to h2 to avoid the overflow

* delect commit

* make the font size bigger when screen size is more than 1000px

* Update chat.scss

Co-authored-by: Michael Kohl <citizen428@dev.to>
Co-authored-by: Michael Kohl <me@citizen428.net>
---
 app/assets/stylesheets/chat.scss                               | 3 +++
 .../chat/ChatChannelSettings/ChannelDescriptionSection.jsx     | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/chat.scss b/app/assets/stylesheets/chat.scss
index 95236236c..d82f0a558 100644
--- a/app/assets/stylesheets/chat.scss
+++ b/app/assets/stylesheets/chat.scss
@@ -308,6 +308,9 @@
   }
 
   @media screen and (min-width: 1000px) {
+    h2 {
+      font-size: 2rem;
+    }
     margin-left: initial;
     padding: 18px;
     max-width: 480px;
diff --git a/app/javascript/chat/ChatChannelSettings/ChannelDescriptionSection.jsx b/app/javascript/chat/ChatChannelSettings/ChannelDescriptionSection.jsx
index eb5a144ff..fded19b28 100644
--- a/app/javascript/chat/ChatChannelSettings/ChannelDescriptionSection.jsx
+++ b/app/javascript/chat/ChatChannelSettings/ChannelDescriptionSection.jsx
@@ -8,7 +8,7 @@ export const ChannelDescriptionSection = ({
 }) => {
   return (
     <div className="p-4 grid gap-2 crayons-card mb-4 channel_details">
-      <h1 className="mb-1 channel_title">{channelName}</h1>
+      <h2 className="mb-1 channel_title">{channelName}</h2>
       <p>{channelDescription}</p>
       <p className="fw-bold">You are a channel {currentMembershipRole}</p>
     </div>