Move under/bad/over below the colormap.

bdice · bdice · commit 9ca189378559 · 2020-08-09T00:00:15.000-05:00
diff --git a/lib/matplotlib/colors.py b/lib/matplotlib/colors.py
@@ -728,7 +728,7 @@ def _repr_html_(self):
         png_base64 = base64.b64encode(png_bytes).decode('ascii')
         def color_block(name, color):
             hex_color = to_hex(color, keep_alpha=True)
-            return ('<span style="margin: 0 0.4em 0 0.4em;">' +
+            return ('<span style="margin-right: 0.8em;">' +
                     '<span>' + name + ':</span> ' +
                     '<div title="' + hex_color + '" ' +
                     'style="display: inline-block; ' +
@@ -741,15 +741,17 @@ def color_block(name, color):
 
         return ('<div style="vertical-align: middle;">' +
                 '<strong>' + self.name + '</strong> ' +
-                color_block('under', self.get_under()) +
-                color_block('over', self.get_over()) +
-                color_block('bad', self.get_bad()) +
                 '</div>' +
                 '<div><img ' +
                 'alt="' + self.name + ' color map" ' +
                 'title="' + self.name + '"' +
                 'style="border: 1px solid #555;" ' +
-                'src="data:image/png;base64,' + png_base64 + '"></div>')
+                'src="data:image/png;base64,' + png_base64 + '"></div>' +
+                '<div style="vertical-align: middle;">' +
+                color_block('under', self.get_under()) +
+                color_block('bad', self.get_bad()) +
+                color_block('over', self.get_over()) +
+                '</div>')
 
 
 class LinearSegmentedColormap(Colormap):
