From 2ba821edd53ab323dfdb4e7aaeaa75de227ca1ed Mon Sep 17 00:00:00 2001
From: Shenghan Chen <zzdjk6@gmail.com>
Date: Tue, 5 Feb 2019 14:13:50 +1300
Subject: [PATCH] FIX #64:  TinyMCE text and image alignment issue

---
 css/typography.css | 36 +++++++++++++++++++++++++-----------
 1 file changed, 25 insertions(+), 11 deletions(-)

diff --git a/css/typography.css b/css/typography.css
index 2a05ee4..2b2d24c 100644
--- a/css/typography.css
+++ b/css/typography.css
@@ -144,13 +144,13 @@ body {
 
 /* WYSIWYG EDITOR ALIGNMENT CLASSES
 -------------------------------------------- */
-.typography .text-left {
+.typography .text-left, .typography .left {
     text-align: left
 }
-.typography .text-center {
+.typography .text-center, .typography .center {
     text-align: center
 }
-.typography .text-right {
+.typography .text-right, .typography .right {
     text-align: right
 }
 
@@ -178,6 +178,12 @@ body {
     margin-bottom: 10px;
     clear: both;
 }
+.typography img.rightAlone {
+    float: right;
+    margin-left: 100%;
+    margin-bottom: 10px;
+    clear: both;
+}
 .typography img.center {
     float: none;
     margin-left: auto;
@@ -212,14 +218,16 @@ body {
   .typography .captionImage.right img {
     margin-left: -10px;
   }
-  .typography .captionImage.right p {
-    margin-left: -10px;
-    text-align: left;
-    margin-left: -10px;
-  }
-.typography .captionImage.leftAlone{
-  float:none;
-  margin: 0 20px 20px 0px;
+
+.typography .captionImage.leftAlone {
+    float: left;
+    clear: both;
+    margin-right: 100%;
+}
+.typography .captionImage.rightAlone {
+    float: right;
+    clear: both;
+    margin-left: 100%;
 }
 .typography .captionImage.center{
   margin: 0 auto 20px;
@@ -230,6 +238,12 @@ body {
   font-style: italic;
   color: #888;
 }
+.typography .captionImage p.caption.text-center {
+    text-align: center;
+}
+.typography .captionImage p.caption.text-left {
+    text-align: left;
+}
 
 
 /* BLOCKQUOTES