fix display of list items

src/blenderbim/blenderbim/bim/data/webui/static/css/drawings.css

@@ -223,6 +223,10 @@ nav ul li a.active {
     overflow: auto;
 }
 
+li.svg-name {
+    list-style-type: none;
+}
+
 #dropdown-menu:focus {
     outline: none;
 }

src/blenderbim/blenderbim/bim/data/webui/static/js/drawings.js

@@ -110,10 +110,11 @@ function displayDrawingsNames() {
   drawings = allDrawings[ifcFile].drawings;
   sheets = allDrawings[ifcFile].sheets;
 
-  function createLabel(text, index, type) {
+  function createSvgNames(text, index, type) {
     var label = $("<li></lio>")
       .text(text)
       .attr("id", index)
+      .addClass("svg-name")
       .click(function () {
         console.log("ID:", $(this).attr("id"), "Name:", text);
       });
@@ -123,11 +124,11 @@ function displayDrawingsNames() {
   }
 
   drawings.forEach(function (drawing, index) {
-    createLabel(drawing.name, index, "drawing");
+    createSvgNames(drawing.name, index, "drawing");
   });
 
   sheets.forEach(function (sheet, index) {
-    createLabel(sheet.name, index, "sheet");
+    createSvgNames(sheet.name, index, "sheet");
   });
 }
 

src/blenderbim/blenderbim/bim/data/webui/templates/drawings.html

@@ -77,9 +77,9 @@
 
               <div id="collapseOne" class="collapse show">
                 <div class="card-body">
-                  <div class="sub-panel pl-2" id="drawings-sub-panel">
+                  <ul class="sub-panel pl-2" id="drawings-sub-panel">
                     <!-- Drawings will be dynamically populated here -->
-                  </div>
+                  </ul>
                 </div>
               </div>
             </div>