Replace note,tip,warning with CSS flexbox

Replace <table> by <div>'s with CSS flexbox property.
Independent CSS classes for each div for easier tweaking

Change-Id: Idedcebc7d9d7b28738c25f4fe11314209e92576c
Reviewed-on: https://gerrit.libreoffice.org/53427
Tested-by: Jenkins <ci@libreoffice.org>
Reviewed-by: Olivier Hallot <olivier.hallot@libreoffice.org>

1 files changed, 17 insertions, 0 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 3a6ec79c2c..50023f5fc5 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -116,6 +116,23 @@ pre,
 .keycode {
     font-weight: bold;
 }
+/* div's for warning, tip and note */
+.note,
+.tip,
+.warning{
+    display:flex;
+    align-items: center;
+    padding:0.3em;
+}
+.noteicon{
+    padding:0.3em;
+}
+.notetext{
+    padding:0.3em;
+}
+
+/* Table related classes */
+
 table {
     box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px;
     border-collapse: collapse;