From d9e76c4d21d1f0f8a3be865453cef53f10c94a84 Mon Sep 17 00:00:00 2001
From: joao burgarelli jp <jp.burgarelli@gmail.com>
Date: Sat, 7 Sep 2024 17:12:24 -0300
Subject: [PATCH] refactor: readjust tabber responsive

---
 .../ComposerEditor/ComposerEditor.module.scss        |  2 ++
 src/components/Preview/Preview.module.scss           |  1 -
 .../Tabber/PostModes/PostModes.module.scss           | 12 +++++++++++-
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/MainComposer/components/ComposerEditor/ComposerEditor.module.scss b/src/components/MainComposer/components/ComposerEditor/ComposerEditor.module.scss
index 355e851da..6b7871171 100644
--- a/src/components/MainComposer/components/ComposerEditor/ComposerEditor.module.scss
+++ b/src/components/MainComposer/components/ComposerEditor/ComposerEditor.module.scss
@@ -24,6 +24,7 @@ textarea {
 
 .charactersLimitContainer {
   display: flex;
+  flex-wrap: wrap;
 
   justify-content: space-between;
 
@@ -32,6 +33,7 @@ textarea {
 
 .characterLimitWrapper {
   display: flex;
+  flex-wrap: wrap;
   gap: 0.8rem;
 
   align-items: center;
diff --git a/src/components/Preview/Preview.module.scss b/src/components/Preview/Preview.module.scss
index 39d717f58..87c020b37 100644
--- a/src/components/Preview/Preview.module.scss
+++ b/src/components/Preview/Preview.module.scss
@@ -2,7 +2,6 @@
 @use '~styles/breakpoints.scss' as *;
 
 .container {
-  width: 54.2rem;
   height: 69.7rem;
 
   display: none;
diff --git a/src/components/Tabber/PostModes/PostModes.module.scss b/src/components/Tabber/PostModes/PostModes.module.scss
index 28d690f30..5874728cf 100644
--- a/src/components/Tabber/PostModes/PostModes.module.scss
+++ b/src/components/Tabber/PostModes/PostModes.module.scss
@@ -1,8 +1,12 @@
 @use '~styles/global.scss';
+@use '~styles/breakpoints.scss' as *;
 
 .postModesHeader {
   width: fit-content;
 
+  display: flex;
+  flex-wrap: wrap;
+
   align-self: flex-end;
 }
 
@@ -11,7 +15,7 @@
   font-size: 1.4rem;
   font-weight: 500;
 
-  padding: 1.2rem;
+  padding: 0.8rem;
 
   cursor: pointer;
 
@@ -19,3 +23,9 @@
     color: global.$secondaryPurple;
   }
 }
+
+@include from1240 {
+  .postModeTitle {
+    padding: 1.2rem;
+  }
+}