Feature #51: Markdown Support

Markdown implemented in Job Logs, Job Queue comments, various other
places.

Disco.Web/ClientSource/Style/BundleSite.css

@@ -4053,7 +4053,7 @@ footer a:hover,
   text-decoration: none;
 }
 p {
-  margin: 0 0 20px 0;
+  margin: 0 0 2px 0;
   line-height: 1.6em;
 }
 ul {
@@ -5098,6 +5098,8 @@ textarea.block {
 }
 #licence p {
   font-size: 0.9em;
+  line-height: 1.6em;
+  margin-bottom: 1em;
 }
 #licence li {
   font-size: 0.9em;

Disco.Web/ClientSource/Style/Job.css

@@ -287,11 +287,14 @@
   font-size: 0.90em;
   font-style: italic;
 }
-#jobShowResources #Comments div.commentOutput > div span.comment {
+#jobShowResources #Comments div.commentOutput > div div.comment {
   clear: both;
   display: block;
   margin-left: 4px;
 }
+#jobShowResources #Comments div.commentOutput > div div.comment p {
+  line-height: 1.2em;
+}
 #jobShowResources #Comments div.commentOutput > div:hover span.remove {
   opacity: .5;
 }
@@ -470,21 +473,20 @@
   display: none;
   position: absolute;
   left: 280px;
-  top: 40px;
+  top: 30px;
 }
 #Job_Show_Job_Actions_AddQueue_Dialog .details h4 {
   margin-bottom: 4px;
 }
-#Job_Show_Job_Actions_AddQueue_Dialog .details #Priority {
-  margin-bottom: 10px;
-  min-width: 200px;
+#Job_Show_Job_Actions_AddQueue_Dialog .details > div {
+  margin: 5px 0;
 }
-#Job_Show_Job_Actions_AddQueue_Dialog .details #SLAExpiresMinutes {
-  margin-bottom: 10px;
-  min-width: 200px;
+#Job_Show_Job_Actions_AddQueue_Dialog .details select {
+  min-width: 270px;
 }
-#Job_Show_Job_Actions_AddQueue_Dialog .details #Comment {
-  min-width: 280px;
+#Job_Show_Job_Actions_AddQueue_Dialog .details textarea {
+  min-width: 270px;
+  height: 100px;
 }
 #jobDetailTab-Queues #jobQueues {
   border: solid 1px #d8d8d8;

Disco.Web/ClientSource/Style/Job.less

@@ -265,10 +265,14 @@
                     font-style: italic;
                 }
 
-                span.comment {
+                div.comment {
                     clear: both;
                     display: block;
                     margin-left: 4px;
+                    
+                    p {
+                        line-height: 1.2em;
+                    }
                 }
 
                 &:hover {
@@ -483,24 +487,22 @@
         display: none;
         position: absolute;
         left: 280px;
-        top: 40px;
+        top: 30px;
 
         h4 {
             margin-bottom: 4px;
         }
 
-        #Priority {
-            margin-bottom: 10px;
-            min-width: 200px;
+        & > div {
+            margin: 5px 0;
         }
 
-        #SLAExpiresMinutes {
-            margin-bottom: 10px;
-            min-width: 200px;
+        select {
+            min-width: 270px;
         }
-
-        #Comment {
-            min-width: 280px;
+        textarea {
+            min-width: 270px;
+            height: 100px;
         }
     }
 }

Disco.Web/ClientSource/Style/Site.css

@@ -392,7 +392,7 @@ footer a:hover,
   text-decoration: none;
 }
 p {
-  margin: 0 0 20px 0;
+  margin: 0 0 2px 0;
   line-height: 1.6em;
 }
 ul {
@@ -1437,6 +1437,8 @@ textarea.block {
 }
 #licence p {
   font-size: 0.9em;
+  line-height: 1.6em;
+  margin-bottom: 1em;
 }
 #licence li {
   font-size: 0.9em;

Disco.Web/ClientSource/Style/Site.less

@@ -326,7 +326,7 @@ footer, #footer {
 
 // Element Resets
 p {
-    margin: 0 0 20px 0;
+    margin: 0 0 2px 0;
     line-height: 1.6em;
 }
 
@@ -1494,6 +1494,8 @@ textarea.block {
 
     p {
         font-size: 0.9em;
+        line-height: 1.6em;
+        margin-bottom: 1em;
     }
 
     li {