UI Improvements to the Palette and Bank lists.

sass/lists.scss

@@ -31,3 +31,8 @@
 .list-l-padding{
   padding-left: 0.4em;
 }
+
+.list-item-title{
+  font-weight: bold;
+  color: $color-dark;
+}

views/bankListItem.html

@@ -1,7 +1,12 @@
 <div class="list-item-container bank-list-item-template hidden">
   <div class="list-h-padding list-v-padding" style="display:flex">
     <canvas class="bank-img" width="152" height="74"></canvas>
-    <span class="title">Title here</span>
-    <input class="title hidden" type="text" value="Title here"></input>
+    <div class="pure-g">
+      <div class="pure-u-1">&nbsp;</div>
+      <div class="pure-u-1">
+        <span class="title list-item-title simple-padding-left">Title here</span>
+        <input class="title hidden" type="text" value="Title here"></input>
+      </div>
+    </div>
   </div>
 </div>

views/docks.html

@@ -8,12 +8,12 @@
   <div class="tab-content" fortabs="<%= tabsetname %>" tabid="<%= item.id %>">
     <div class="simple-padding">
       <% if (item.hasOwnProperty("addevent")){ %>
-      <button class="pure-button" emit="modal-open" emit-args='{"cls":"<%= item.addevent %>"}'>
+      <button class="pure-button" <% if (item.hasOwnProperty("addbtntt")){ %>title="<%= item.addbtntt %>"<% } %> emit="modal-open" emit-args='{"cls":"<%= item.addevent %>"}'>
         <i class="fa fa-plus-circle"></i>
       </button>
       <% } %>
       <% if (item.hasOwnProperty("remevent")){ %>
-      <button class="pure-button" emit="<%= item.remevent %>">
+      <button class="pure-button" <% if (item.hasOwnProperty("rembtntt")){ %>title="<%= item.rembtntt %>"<% } %> emit="<%= item.remevent %>">
         <i class="fa fa-trash-alt"></i>
       </button>
       <% } %>

views/index.html

@@ -17,8 +17,8 @@
       <%- include('docks.html', {
         tabsetname:"assetlists",
         tabs:[
-          {name:"Palettes", id:"palettes", tmpl:"paletteListItem.html", addevent:"palettes-store-add", remevent:"palstore-remove", selected:true},
-          {name:"Banks", id:"banks", tmpl:"bankListItem.html", addevent:"banks-store-add", remevent:"bankstore-remove", selected:false},
+          {name:"Palettes", id:"palettes", tmpl:"paletteListItem.html", addbtntt:"Add Palette", addevent:"palettes-store-add", rembtntt:"Remove Selected Palette", remevent:"palstore-remove", selected:true},
+          {name:"Banks", id:"banks", tmpl:"bankListItem.html", addbtntt:"Add Bank", addevent:"banks-store-add", rembtntt:"Remove Selected Bank", remevent:"bankstore-remove", selected:false},
           {name:"Attrib. Tables", id:"attrtbls", selected:false}
         ]  
       }); %>

views/paletteListItem.html

@@ -2,7 +2,7 @@
   <div class="list-h-padding list-v-padding">
     <div class=pure-g">
       <div class=pure-u-1">
-        <span class="title">Title here</span>
+        <span class="title list-item-title">Title here</span>
         <input class="title hidden" type="text" value="Title here"></input>
       </div>
     </div>