help: Update notification.page

Replace obsolete screenshots with new ones.
Fix alignment of mallard tags.
Update instructions for --listen.

help/C/notification.page

@@ -6,58 +6,49 @@
     <desc>Use the <cmd>--notification</cmd> option.</desc>
   </info>
   <title>Notification Icon</title>
-    <p>
+    <p>Use the <cmd>--notification</cmd> option to create a notification icon.</p>
-	Use the <cmd>--notification</cmd> option to create a notification icon.
-    </p>
 
-    <terms>
+  <terms>
+    <item>
+      <title><cmd>--text</cmd>=<var>text</var></title>
+      <p>Specifies the text that is displayed in the notification area.</p>
+    </item>
+    <item>
+      <title><cmd>--listen</cmd>=icon: '<var>text</var>', message: '<var>text</var>', tooltip: '<var>text</var>', visible: '<var>text</var>',</title>
+      <p>Listens for commands at standard input. At least one command must be specified. Commands are comma seperated. A command must be followed by a colon and a value. </p>
+      <note style="tip">
+        <p>The <cmd>icon</cmd> command also accepts four stock icon values such as <var>error</var>, <var>info</var>, <var>question</var> and <var>warning</var>.</p>
+      </note>
+    </item>
+  </terms>
 
-      <item>
+  <p>The following example script shows how to create a notification icon:</p>
-        <title><cmd>--text</cmd>=<var>text</var></title>
+  <code>
-	  <p>Specifies the text that is displayed in the notification area.</p>
+  #!/bin/sh
-      </item>
-      <item>
-        <title><cmd>--listen</cmd>=icon: '<var>text</var>', message: '<var>text</var>', tooltip: '<var>text</var>', visible: '<var>text</var>',</title>
-          <p>Listens for commands at standard input. At least one command must be specified. Commands are comma seperated. A command must be followed by a colon and a value. </p>
-          <note style="tip">
-            <p>The <cmd>icon</cmd> command also accepts four stock icon values such as <var>error</var>, <var>info</var>, <var>question</var> and <var>warning</var>.</p>
-          </note>
-      </item>
-    </terms>
 
-    <p>
+  zenity --notification\
-      The following example script shows how to create a notification icon:
+    --window-icon="info" \
-    </p>
+    --text="There are system updates necessary!"
-<code>
+  </code>
-#!/bin/sh
 
-zenity --notification\
+  <figure id="zenity-notification-screenshot">
-  --window-icon="info" \
+    <title>Notification Icon Example</title>
-  --text="There are system updates necessary!"
+    <desc><app>Zenity</app> notification icon example</desc>
-</code>
+    <media type="image" mime="image/png" src="figures/zenity-notification-screenshot.png"/>
+  </figure>
 
-    <figure id="zenity-notification-screenshot">
+  <p>The following example script shows how to create a notification icon along with <cmd>--listen</cmd>:</p>
-      <title>Notification Icon Example</title>
+  <code>
-      <desc><app>Zenity</app> notification icon example</desc>
+  #!/bin/sh
-      <media type="image" mime="image/png" src="figures/zenity-notification-screenshot.png"/>
+  cat &#60;&#60;EOH| zenity --notification --listen
-   </figure>
+  message: this is the message text
+  EOH
+  </code>
 
-    <p>
+  <figure id="zenity-notification-listen-screenshot">
-      The following example script shows how to create a notification icon along with <cmd>--listen</cmd>:
+    <title>Notification Icon with <cmd>--listen</cmd> Example</title>
-    </p>
+    <desc><app>Zenity</app> notification with <cmd>--listen</cmd> example</desc>
-
+    <media type="image" mime="image/png" src="figures/zenity-notification-listen-screenshot.png"/>
-<code>
+  </figure>
-#!/bin/sh
-
-cat &#60;&#60;EOH| zenity --notification --listen
-message: this is the message text
-EOH
-</code>
-
-    <figure id="zenity-notification-listen-screenshot">
-      <title>Notification Icon with <cmd>--listen</cmd> Example</title>
-      <desc><app>Zenity</app> notification with <cmd>--listen</cmd> example</desc>
-      <media type="image" mime="image/png" src="figures/zenity-notification-listen-screenshot.png"/>
-   </figure>
 
 </page>