Fix Headline block alignment inside Media Card

pixelgrade · Apr 22, 2020 · 51a91c0 · 51a91c0
1 parent ad08687
commit 51a91c0
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/assets/scss/theme/_headline.scss b/assets/scss/theme/_headline.scss
@@ -4,6 +4,8 @@
     flex-direction: column;
     align-items: center;
 
+    width: 100%;
+
     &.has-text-align-left {
         align-items: flex-start;
     }

diff --git a/editor.css b/editor.css
@@ -506,7 +506,8 @@
 .editor-styles-wrapper .c-headline {
   display: flex;
   flex-direction: column;
-  align-items: center; }
+  align-items: center;
+  width: 100%; }
   .editor-styles-wrapper .c-headline.has-text-align-left {
     align-items: flex-start; }
   .editor-styles-wrapper .c-headline.has-text-align-right {

diff --git a/style-rtl.css b/style-rtl.css
@@ -4981,7 +4981,8 @@ body.archive, body.blog, body.search {
 .c-headline {
   display: flex;
   flex-direction: column;
-  align-items: center; }
+  align-items: center;
+  width: 100%; }
   .c-headline.has-text-align-left {
     align-items: flex-start; }
   .c-headline.has-text-align-right {

diff --git a/style.css b/style.css
@@ -4981,7 +4981,8 @@ body.archive, body.blog, body.search {
 .c-headline {
   display: flex;
   flex-direction: column;
-  align-items: center; }
+  align-items: center;
+  width: 100%; }
   .c-headline.has-text-align-left {
     align-items: flex-start; }
   .c-headline.has-text-align-right {