Improved alignment classes used by WYSIWYG editor

- Fixed table cells being floated, Fixes #1284.
- Made it possible to easily center linked images.

diff --git a/resources/assets/sass/_pages.scss b/resources/assets/sass/_pages.scss
index 21fdf90dea234ad25c95365f6a45e89a20045ca0..84280319debff1d04fd30d4633ca0448b66d6399 100755 (executable)
--- a/resources/assets/sass/_pages.scss
+++ b/resources/assets/sass/_pages.scss
@@ -51,15 +51,22 @@
     margin: $-xs $-s $-xs 0;
   }
   .align-right {
-    float: right !important;
+    text-align: right !important;
   }
   img.align-right, table.align-right {
-    text-align: right;
+    float: right !important;
     margin: $-xs 0 $-xs $-s;
   }
   .align-center {
     text-align: center;
   }
+  img.align-center {
+    display: block;
+  }
+  img.align-center, table.align-center {
+    margin-left: auto;
+    margin-right: auto;
+  }
   img {
     max-width: 100%;
     height:auto;