manager: include cell type as a CSS class (#29201)

combo/data/models.py

@@ -527,9 +527,13 @@ class CellBase(six.with_metaclass(CellMeta, models.Model)):
     def get_additional_label(self):
         return ''
 
+    @property
+    def class_name(self):
+        return self.__class__.__name__.lower()
+
     @property
     def css_class_names(self):
-        return self.__class__.__name__.lower() + ' ' + self.extra_css_class
+        return self.class_name + ' ' + self.extra_css_class
 
     @classmethod
     def get_cell_classes(cls, class_filter=lambda x: True):

combo/manager/templates/combo/page_view.html

@@ -95,7 +95,7 @@
     <h2>{{ placeholder.name }}</h2>
     <div class="cell-list">
       {% for cell in placeholder.cells %}
-      <div class="cell" data-cell-reference="{{ cell.get_reference }}">
+      <div class="cell {{cell.class_name}}" data-cell-reference="{{ cell.get_reference }}">
         <h3><span class="handle">⣿</span>
                 <span class="group1">
                         {{ cell.get_label }}