[gtk/ebassi/gidocgen: 297/478] menubutton: Put images in a table

[Emmanuele Bassi <ebassi src gnome org>]

commit b9b126c67167257c7596c90b4e83fef548231134
Author: Matthias Clasen <mclasen redhat com>
Date:   Sat Feb 27 19:48:14 2021 -0500

    menubutton: Put images in a table

 gtk/gtkmenubutton.c | 67 +++++++----------------------------------------------
 1 file changed, 9 insertions(+), 58 deletions(-)
---
diff --git a/gtk/gtkmenubutton.c b/gtk/gtkmenubutton.c
index a2cc304605..4c1e1afbde 100644
--- a/gtk/gtkmenubutton.c
+++ b/gtk/gtkmenubutton.c
@@ -21,7 +21,7 @@
 /**
  * GtkMenuButton:
  *
- * The `GtkMenuButton` widget is used to display a popup when clicked on.
+ * The `GtkMenuButton` widget is used to display a popup when clicked.
  *
  * ![An example GtkMenuButton](menu-button.png)
  *
@@ -47,70 +47,21 @@
  * menu is popped up above the button instead. If the alignment would move
  * part of the menu offscreen, it is “pushed in”.
  *
- * ## Direction = Down
- *
- * - halign = start
- *
- *     ![](down-start.png)
- *
- * - halign = center
- *
- *     ![](down-center.png)
- *
- * - halign = end
- *
- *     ![](down-end.png)
- *
- * ## Direction = Up
- *
- * - halign = start
- *
- *     ![](up-start.png)
- *
- * - halign = center
- *
- *     ![](up-center.png)
- *
- * - halign = end
- *
- *     ![](up-end.png)
- *
- * ## Direction = Left
- *
- * - valign = start
- *
- *     ![](left-start.png)
- *
- * - valign = center
- *
- *     ![](left-center.png)
- *
- * - valign = end
- *
- *     ![](left-end.png)
- *
- * ## Direction = Right
- *
- * - valign = start
- *
- *     ![](right-start.png)
- *
- * - valign = center
- *
- *     ![](right-center.png)
- *
- * - valign = end
- *
- *     ![](right-end.png)
+ * |           | start                | center                | end                |
+ * | -         | ---                  | ---                   | ---                |
+ * | **down**  | ![](down-start.png)  | ![](down-center.png)  | ![](down-end.png)  |
+ * | **up**    | ![](up-start.png)    | ![](up-center.png)    | ![](up-end.png)    |
+ * | **left**  | ![](left-start.png)  | ![](left-center.png)  | ![](left-end.png)  |
+ * | **right** | ![](right-start.png) | ![](right-center.png) | ![](right-end.png) |
  *
  * # CSS nodes
  *
- * |[<!-- language="plain" -->
+ * ```
  * menubutton
  * ╰── button.toggle
  *     ╰── <content>
  *          ╰── [arrow]
- *]|
+ * ```
  *
  * `GtkMenuButton` has a single CSS node with name menubutton
  * which contains a toggle button node.