[Icons] warn and question icons now have special formatting to make the "float" to the left

Also added border for warn

1 files changed, 13 insertions, 1 deletions

diff --git a/src/styles.css b/src/styles.css
index 2207ac9..b66ec69 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -145,7 +145,19 @@ img {
   .file-type-icon        { min-width: 1.3em; vertical-align: middle; }
   .borderless, .oldschool-badge, .file-type-icon { border: none; }
   
-  .article-icons { border: none; margin-bottom: 0.25em; vertical-align: middle; }
+  .special-par {
+      margin-bottom: 0.25em;
+      position: relative;
+      padding: 0.5em;
+      padding-left: calc(32px + 1em);
+    }
+    .warn-par { border: 1px dashed #fac848; }
+    .special-par-icon { vertical-align: middle; }
+    .special-par > .special-par-icon {
+        position: absolute;
+        left: 0.5em;
+        top: calc(50% - 16px);
+      }
 
   .btn, .h-anchor {
       /* Thanks https://stackoverflow.com/a/4407335/12036073 */