Set margin between character-counter and compose-form__buttons (#4698)

For some languages publish translation is long.

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index ef1797e7203fc642d03db0855f3922c6301380b5..32cf450b72520add00595c4898c7922b3f53d489 100644 (file)
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -1872,7 +1872,7 @@
 
 .character-counter__wrapper {
   line-height: 36px;
-  margin-right: 16px;
+  margin: 0 16px 0 8px;
   padding-top: 10px;
 }
 

diff --git a/app/javascript/styles/rtl.scss b/app/javascript/styles/rtl.scss
index 4966fbc216fa4480dd3fe94b92fd57f95208c817..c8872c732af8890cce7332140dfc917cb66751bb 100644 (file)
--- a/app/javascript/styles/rtl.scss
+++ b/app/javascript/styles/rtl.scss
@@ -8,7 +8,7 @@ body.rtl {
   }
 
   .character-counter__wrapper {
-    margin-right: 0;
+    margin-right: 8px;
     margin-left: 16px;
   }