Tweak styles for 'sources' grid on products view page

This commit is contained in:
Lance Edgar 2017-02-15 01:13:46 -06:00
parent 8e35b68e05
commit c24120393f
2 changed files with 12 additions and 3 deletions

View file

@ -117,6 +117,10 @@
margin-top: 0.3em; margin-top: 0.3em;
} }
.newgrid.no-border {
margin-top: 0;
}
.newgrid table { .newgrid table {
background-color: white; background-color: white;
border: 1px solid black; border: 1px solid black;
@ -134,6 +138,11 @@
width: 50%; width: 50%;
} }
.newgrid.no-border table {
border-left: none;
border-top: none;
}
/****************************** /******************************
* thead * thead

View file

@ -147,7 +147,7 @@
<div class="panel-grid" id="product-costs"> <div class="panel-grid" id="product-costs">
<h2>Vendor Sources</h2> <h2>Vendor Sources</h2>
<div class="grid full hoverable no-border"> <div class="newgrid full no-border">
<table> <table>
<thead> <thead>
<th>Pref.</th> <th>Pref.</th>
@ -158,8 +158,8 @@
<th>Unit Cost</th> <th>Unit Cost</th>
</thead> </thead>
<tbody> <tbody>
% for i, cost in enumerate(instance.costs, 1): % for cost in instance.costs:
<tr class="${'odd' if i % 2 else 'even'}"> <tr>
<td class="center">${'X' if cost.preference == 1 else ''}</td> <td class="center">${'X' if cost.preference == 1 else ''}</td>
<td>${cost.vendor}</td> <td>${cost.vendor}</td>
<td class="center">${cost.code}</td> <td class="center">${cost.code}</td>